html:has(body.landing-page) { background: #020609; }
body.landing-page {
  min-width: 320px;
  min-height: 100vh;
  overflow: hidden;
  background: #020609;
  color: #d7e4e9;
}
body.landing-page.admin-bar { min-height: calc(100vh - 32px); }
.landing-world {
  --term-green: #7dffad;
  --term-green-soft: #aefbc8;
  --term-blue: #36aaf7;
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  overflow: hidden;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 45%, rgba(10, 77, 92, .24), transparent 36%),
    linear-gradient(145deg, #061017 0%, #020609 55%, #071018 100%);
}
.landing-noise {
  position: absolute;
  inset: 0;
  z-index: 7;
  pointer-events: none;
  opacity: .07;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
  mix-blend-mode: screen;
}
.landing-glow { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .16; pointer-events: none; }
.landing-glow--one { width: 42vw; height: 42vw; min-width: 430px; min-height: 430px; top: -25%; right: -8%; background: #0088c7; }
.landing-glow--two { width: 35vw; height: 35vw; min-width: 360px; min-height: 360px; bottom: -25%; left: -12%; background: #18a86d; }
.landing-grid {
  position: absolute;
  z-index: -1;
  right: -12%; bottom: -25%; left: -12%;
  height: 62%;
  opacity: .14;
  background-image: linear-gradient(rgba(66,172,208,.38) 1px,transparent 1px),linear-gradient(90deg,rgba(66,172,208,.38) 1px,transparent 1px);
  background-size: 64px 42px;
  transform: perspective(540px) rotateX(63deg);
  transform-origin: center bottom;
  mask-image: linear-gradient(to top,#000,transparent 85%);
}
.landing-brand {
  position: fixed;
  z-index: 8;
  top: 30px;
  left: 38px;
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.admin-bar .landing-brand { top: 62px; }
.landing-brand__mark { color: #f3f7f9; font-size: 20px; font-weight: 820; letter-spacing: -.045em; }
.landing-brand__role { margin-top: 9px; color: #5f7a88; font: 9px/1.2 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.terminal-stage {
  position: relative;
  z-index: 5;
  width: min(820px, calc(100vw - 42px));
  margin-top: -12px;
  perspective: 1200px;
}
.terminal-overline {
  margin: 0 0 11px 8px;
  color: #54717e;
  font: 9px/1 var(--mono);
  letter-spacing: .18em;
}
.monitor {
  position: relative;
  padding: 16px 16px 22px;
  border: 1px solid #263943;
  border-radius: 24px;
  background: linear-gradient(145deg,#18252c,#080d10 50%,#162229);
  box-shadow: 0 46px 90px rgba(0,0,0,.55),0 0 80px rgba(48,210,174,.08),inset 0 1px rgba(255,255,255,.08);
  transform: rotateX(1.5deg);
}
.monitor-ridge { position:absolute; inset:7px 28px auto; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent); }
.terminal-window {
  overflow: hidden;
  border: 1px solid #34505c;
  border-radius: 12px;
  background: #04100e;
  box-shadow: inset 0 0 60px rgba(0,0,0,.85),0 0 24px rgba(54,243,166,.08);
}
.terminal-bar {
  height: 42px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 14px;
  border-bottom: 1px solid #1a3835;
  background: linear-gradient(#10221f,#091512);
  color: #75948f;
}
.terminal-bar h1 { margin:0; color:#7d9a95; font:10px/1 var(--mono); font-weight:500; letter-spacing:.02em; }
.terminal-lights { display:flex; gap:7px; }
.terminal-lights i { width:8px; height:8px; border-radius:50%; background:#335148; box-shadow:0 0 8px rgba(125,255,173,.1); }
.terminal-lights i:nth-child(1) { background:#874b4b; }.terminal-lights i:nth-child(2) { background:#806c36; }.terminal-lights i:nth-child(3) { background:#3d7958; }
.terminal-status { justify-self:end; display:flex; align-items:center; gap:6px; font:9px/1 var(--mono); text-transform:uppercase; }
.terminal-status i { width:6px; height:6px; border-radius:50%; background:var(--term-green); box-shadow:0 0 9px var(--term-green); }
.terminal-screen {
  position: relative;
  height: 348px;
  overflow: hidden;
  padding: 25px 28px;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0,rgba(255,255,255,.014) 1px,transparent 1px,transparent 3px),
    radial-gradient(circle at 50% 50%,rgba(20,78,61,.12),transparent 72%),#030b09;
  color: var(--term-green-soft);
  font: 13px/1.55 var(--mono);
  text-shadow: 0 0 10px rgba(125,255,173,.18);
}
.terminal-screen::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,0,0,.015),transparent 30%,rgba(0,110,255,.015));
}
.terminal-lines { min-height: 270px; transition: transform .18s ease; }
.terminal-line { display:flex; gap:10px; min-height:20px; opacity:0; transform:translateY(4px); animation:lineIn .18s ease forwards; }
.terminal-line__time { flex:0 0 65px; color:#3c6c62; }
.terminal-line__type { flex:0 0 42px; color:#55b7ed; font-weight:700; }
.terminal-line.is-success .terminal-line__type,.terminal-line.is-success .terminal-line__text { color:var(--term-green); }
.terminal-line.is-muted .terminal-line__text { color:#78958f; }
.terminal-line.is-warn .terminal-line__type { color:#efbd5d; }
.terminal-line.is-warn .terminal-line__text { color:#d7c38d; }
.terminal-prompt { margin-top:7px; color:#8caea7; }
.prompt-user { color:var(--term-green); }.prompt-symbol { color:#56a8da; }
.terminal-cursor { display:inline-block; width:8px; height:15px; vertical-align:-3px; background:var(--term-green); box-shadow:0 0 10px rgba(125,255,173,.6); animation:blink 1s steps(1,end) infinite; }
.monitor-base { position:absolute; right:0; bottom:-28px; left:0; height:28px; display:grid; place-items:center; }
.monitor-base::before { content:""; width:32%; height:18px; background:linear-gradient(#111a1f,#06090b); clip-path:polygon(11% 0,89% 0,100% 100%,0 100%); }
.monitor-base span { position:absolute; top:17px; width:45%; height:7px; border-radius:50%; background:#0b1114; box-shadow:0 8px 20px rgba(0,0,0,.7); }
.launch-area {
  height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .55s ease,transform .55s ease,height .55s ease;
}
.launch-area.is-ready { height:112px; padding-top:42px; opacity:1; transform:translateY(0); }
.launch-area p { margin:0 0 10px; color:#6b858f; font:9px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.launch-button {
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 14px;
  color:#e6fff0 !important;
  font:700 14px/1 var(--mono);
  letter-spacing:.14em;
  text-shadow:0 0 12px rgba(125,255,173,.35);
  transition:color .2s ease,transform .2s ease;
}
.launch-button:hover,.launch-button:focus-visible { color:var(--term-green) !important; transform:scale(1.04); outline:none; }
.launch-button__bracket { color:#365c52; font-size:22px; }.launch-button__arrow { color:var(--term-green); transition:transform .2s ease; }
.launch-button:hover .launch-button__arrow { transform:translate(3px,-3px); }
.launch-hint { margin-top:4px; color:#354a52; font:8px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.landing-footer {
  position:fixed;
  right:34px;
  bottom:24px;
  left:34px;
  z-index:6;
  display:flex;
  justify-content:space-between;
  color:#31444d;
  font:8px/1 var(--mono);
  letter-spacing:.13em;
}
.launch-flash { position:fixed; inset:0; z-index:50; pointer-events:none; opacity:0; background:#dfffee; transform:scaleY(0); }
body.is-launching .launch-flash { animation:launchFlash .72s cubic-bezier(.65,0,.35,1) forwards; }
body.is-launching .monitor { animation:monitorLaunch .72s cubic-bezier(.65,0,.35,1) forwards; }
@keyframes lineIn { to { opacity:1; transform:translateY(0); } }
@keyframes blink { 0%,48%{opacity:1}49%,100%{opacity:0} }
@keyframes monitorLaunch { 0%{transform:scale(1) rotateX(1.5deg);filter:brightness(1)} 65%{transform:scale(1.08) rotateX(0);filter:brightness(1.7)} 100%{transform:scale(1.5);filter:brightness(4);opacity:0} }
@keyframes launchFlash { 0%{opacity:0;transform:scaleY(0)} 58%{opacity:.85;transform:scaleY(.012)} 72%{opacity:1;transform:scaleY(1)} 100%{opacity:1;transform:scaleY(1)} }
@media(max-width:760px){
  .landing-brand{top:22px;left:22px}.admin-bar .landing-brand{top:68px}.terminal-stage{width:calc(100vw - 24px);margin-top:10px}.monitor{padding:10px 10px 17px;border-radius:17px}.terminal-screen{height:330px;padding:20px 15px;font-size:11px}.terminal-line{gap:6px}.terminal-line__time{flex-basis:52px}.terminal-line__type{flex-basis:35px}.terminal-bar{padding:0 10px}.terminal-bar h1{font-size:9px}.landing-footer{right:18px;bottom:15px;left:18px}.landing-footer span:first-child{display:none}}
@media(max-height:680px){.terminal-screen{height:270px}.terminal-lines{min-height:200px}.launch-area.is-ready{height:88px;padding-top:26px}.landing-brand{top:18px}.landing-footer{bottom:12px}}
@media(prefers-reduced-motion:reduce){.terminal-line,.terminal-cursor,.launch-area,.monitor,.launch-flash{animation:none!important;transition:none!important}.landing-noise{display:none}}