:root { color-scheme: dark; --ink:#f4f0e7; --muted:#a8aaa6; --line:#3b403d; --accent:#d8ff58; --bg:#0e1110; --panel:#171b18; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:var(--bg); color:var(--ink); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow:hidden; }
body::before, body::after { content:""; position:fixed; z-index:-1; width:70vw; height:70vw; border-radius:50%; filter:blur(70px); opacity:.23; pointer-events:none; animation:drift 18s ease-in-out infinite alternate; }
body::after { bottom:-45vw; left:-15vw; background:#174d42; animation-delay:-8s; }
body::before { top:-35vw; right:-15vw; background:#9dbb35; }
body { background-image:linear-gradient(rgba(216,255,88,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(216,255,88,.045) 1px, transparent 1px); background-size:72px 72px; animation:grid-drift 32s linear infinite; }
.shell { min-height:100vh; display:grid; place-items:center; padding:32px; }
.card { width:min(680px,100%); padding:clamp(36px,8vw,86px) clamp(28px,7vw,76px); background:linear-gradient(145deg, rgba(31,37,32,.96), rgba(17,21,18,.98)); border:1px solid var(--line); box-shadow:0 24px 100px rgba(0,0,0,.38); }
.eyebrow, footer, .fine-print { letter-spacing:.15em; text-transform:uppercase; font-size:12px; font-weight:700; }
.brand-lockup { display:flex; align-items:center; gap:18px; }
.eyebrow { color:var(--muted); display:flex; flex-direction:column; gap:5px; line-height:1; }
.eyebrow span:last-child { color:var(--accent); }
.signal { width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 16px var(--accent); }
.brand-mark { width:76px; height:76px; display:flex; flex-direction:row; justify-content:center; align-items:center; background:var(--accent); color:#10140e; font-size:22px; line-height:1; letter-spacing:-.1em; font-weight:900; border-radius:11px; box-shadow:0 0 34px rgba(216,255,88,.16); transform:rotate(-6deg); }
h1 { margin:42px 0 16px; font-size:clamp(54px,11vw,108px); line-height:.88; letter-spacing:-.08em; font-weight:800; max-width:560px; }
h1 em { color:var(--accent); font-style:normal; }
.lede { max-width:410px; margin:0; color:#d1d2cc; font-size:clamp(19px,2.7vw,26px); line-height:1.25; letter-spacing:-.02em; }
.rule { height:1px; background:var(--line); margin:42px 0 24px; }
.status { color:var(--muted); font-size:15px; line-height:1.6; max-width:480px; }
.button { display:inline-flex; align-items:center; gap:18px; margin-top:20px; padding:16px 19px; background:var(--accent); color:#10140e; font-weight:800; text-decoration:none; transition:transform .18s ease, background .18s ease; }
.button:hover, .button:focus-visible { background:#efffa8; transform:translateY(-2px); }
.button:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.fine-print { margin:28px 0 0; color:#777d77; line-height:1.6; letter-spacing:.08em; font-size:10px; }
.access-note { margin:10px 0 0; color:#777d77; font-size:11px; letter-spacing:.13em; text-transform:uppercase; }
footer { position:fixed; bottom:24px; color:#646b64; font-size:10px; }
footer span { margin:0 8px; color:var(--accent); }
@keyframes drift { from { transform:translate3d(-4%, 2%, 0) scale(1); } to { transform:translate3d(5%, -5%, 0) scale(1.12); } }
@keyframes grid-drift { from { background-position:0 0, 0 0; } to { background-position:72px 72px, 72px 72px; } }
@media (max-width:560px) { .shell { padding:18px; } .card { padding:42px 25px 38px; } h1 { margin-top:34px; } footer { position:static; margin-top:22px; } }
@media (prefers-reduced-motion:reduce) { body, body::before, body::after { animation:none; } }