:root{color-scheme:dark;--bg: #020611;--stroke: rgba(120, 219, 255, .24);--cyan: #8cf5ff;--text: #f3fbff;--text-soft: rgba(231, 243, 255, .76);--shadow: 0 28px 80px rgba(0, 0, 0, .36)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 20% 20%,rgba(58,112,255,.18),transparent 24%),radial-gradient(circle at 70% 30%,rgba(93,203,255,.12),transparent 22%),var(--bg);color:var(--text);font-family:Space Grotesk,sans-serif}button,input,select{font:inherit}.viewport-shell{position:fixed;top:0;right:0;bottom:0;left:0}#scene,.scene-vignette,.overlay{position:absolute;top:0;right:0;bottom:0;left:0}#scene{z-index:0}.scene-vignette{z-index:1;pointer-events:none;background:radial-gradient(circle at center,transparent 36%,rgba(1,4,12,.28) 64%,rgba(1,4,12,.92) 100%),linear-gradient(180deg,#02061105,#02061170)}.overlay{z-index:2;display:grid;align-content:start;grid-template-columns:minmax(18rem,26rem) minmax(22rem,34rem);justify-content:space-between;gap:.9rem;width:min(1480px,calc(100vw - 2rem));margin:0 auto;padding:1rem 0 0;pointer-events:none}.terminal-card,.scroll-step{border:1px solid var(--stroke);background:linear-gradient(180deg,#07111f94,#040a146b);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.intro-panel,.console{pointer-events:auto;border-radius:28px;padding:1.4rem}.intro-panel{align-self:start;max-width:26rem;margin-top:.8rem}.eyebrow,.tile-kicker,.status-label,.scroll-step span{margin:0 0 .85rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.22em;font-size:.77rem}h1,h2{margin:0;font-family:Syne,sans-serif;line-height:.94}h1{max-width:7ch;font-size:clamp(2.5rem,5vw,4.5rem)}h2{font-size:clamp(1.55rem,2.6vw,2.3rem)}.lead,.action-tile p,.console-feedback,.scroll-step p{color:var(--text-soft);line-height:1.65}.lead{max-width:24rem;margin:.85rem 0 0;font-size:clamp(.95rem,1.1vw,1.02rem)}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1rem}.status-grid div{padding:.75rem .85rem;border-radius:20px;background:#ffffff08;border:1px solid rgba(143,236,255,.1)}.status-grid strong{display:block;font-size:1rem}.console{justify-self:end;width:min(34rem,100%);align-self:start;margin-top:30vh}.console-head{display:flex;align-items:center;gap:.55rem;margin-bottom:1.1rem;font-family:IBM Plex Mono,monospace;color:#dbf5ffd6}.console-head p{margin:0 0 0 auto;font-size:.82rem}.console-led{width:.72rem;height:.72rem;border-radius:999px;background:linear-gradient(180deg,#8cf5ffe6,#52b7ff6b);box-shadow:0 0 18px #52b7ffb3}.console-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.action-tile{min-height:15rem;padding:1rem;border-radius:22px;background:#ffffff08;border:1px solid rgba(120,219,255,.14)}.action-tile p:last-of-type{margin-bottom:1.5rem}.route-button,.submit-button{width:100%;min-height:3.2rem;border:0;border-radius:999px;color:#03121a;cursor:pointer;font-weight:700;background:linear-gradient(135deg,var(--cyan),#b1e9ff);box-shadow:0 14px 38px #52b7ff42}.auth-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:1rem}.auth-form label{display:grid;gap:.45rem;font-size:.86rem;color:#e1f5ffdb}.auth-form input,.auth-form select{min-height:3rem;padding:0 .95rem;border-radius:16px;border:1px solid rgba(137,234,255,.18);background:#060e1abd;color:var(--text)}.submit-button{align-self:end}.console-feedback{margin:1rem 0 0;font-family:IBM Plex Mono,monospace;font-size:.9rem}.scroll-track{position:relative;z-index:3;display:grid;gap:38vh;width:min(1480px,calc(100vw - 2rem));margin:0 auto;padding:104vh 0 40vh}.scroll-step{width:min(28rem,100%);margin-left:auto;padding:1.1rem 1.2rem;border-radius:24px}.scroll-step p{margin:0}@media (max-width: 1120px){.overlay{grid-template-columns:1fr;width:min(100vw - 1.5rem,860px)}.console{justify-self:stretch;width:100%;margin-top:0}.status-grid,.console-grid,.auth-form{grid-template-columns:1fr 1fr}}@media (max-width: 760px){.overlay,.scroll-track{width:min(100vw - 1rem,100%)}.intro-panel,.console,.scroll-step{border-radius:22px;padding:1rem}.status-grid,.console-grid,.auth-form{grid-template-columns:1fr}h1{font-size:clamp(2.6rem,14vw,4.5rem)}.scroll-track{gap:28vh;padding-top:116vh}.scroll-step{width:100%;margin-left:0}}