:root { color-scheme: dark; --ink:#f6f4eb; --muted:#aaa99f; --line:#30352e; --acid:#d6ff43; --panel:#151814; }
* { box-sizing:border-box; }
body { margin:0; background:#0c0f0c; color:var(--ink); font:16px/1.55 Inter,Segoe UI,sans-serif; min-height:100vh; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; background:radial-gradient(circle at 85% 0,#354120 0,transparent 34%),linear-gradient(120deg,transparent 55%,rgba(214,255,67,.035)); }
main,footer { width:min(1120px,calc(100% - 40px)); margin:auto; position:relative; }
.hero { padding:11vh 0 8vh; max-width:800px; }
.eyebrow { color:var(--acid); font-size:.72rem; letter-spacing:.24em; font-weight:800; }
h1 { font-size:clamp(3.4rem,10vw,7.8rem); line-height:.83; letter-spacing:-.07em; margin:.22em 0; max-width:760px; }
.lede { color:#c7c8bd; font-size:clamp(1.05rem,2.2vw,1.35rem); max-width:650px; }
.status { display:flex; gap:.6rem; align-items:center; color:var(--muted); margin:2rem 0 1rem; }
.status span { width:9px; height:9px; border-radius:50%; background:#ba4e45; box-shadow:0 0 14px #ba4e45; }
.status.online span { background:var(--acid); box-shadow:0 0 14px var(--acid); }
label { display:block; font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; margin-bottom:.5rem; }
.join-row { display:flex; gap:.65rem; }
input,button { border:1px solid #41463d; border-radius:3px; padding:1rem 1.1rem; font:inherit; }
input { min-width:0; flex:1; background:#131712; color:var(--ink); outline:none; }
input:focus { border-color:var(--acid); box-shadow:0 0 0 3px rgba(214,255,67,.12); }
button { background:var(--acid); border-color:var(--acid); color:#11140a; font-weight:900; padding-inline:2rem; cursor:pointer; }
button:hover { background:#e4ff84; }
.error { min-height:1.5em; color:#ff8175; }
.first-run { color:var(--muted); }
.pilot-warning { display:grid; gap:.35rem; margin-top:1.5rem; padding:1rem 1.1rem; border:1px solid #8e7131; background:#211b0d; color:#e9d79d; }
.pilot-warning[hidden] { display:none; }
.pilot-warning strong { color:#ffd75e; text-transform:uppercase; letter-spacing:.08em; font-size:.78rem; }
.pilot-warning span { font-size:.92rem; }
a { color:var(--ink); text-underline-offset:4px; }
.cards { border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); }
.cards article { padding:2rem; border-right:1px solid var(--line); }
.cards article:last-child { border-right:0; }
.cards b { color:var(--acid); font:700 .75rem/1 monospace; }
h2 { font-size:1.15rem; margin:1rem 0 .4rem; }
.cards p,.details p { color:var(--muted); margin:0; }
.details { padding:4rem 0; display:grid; grid-template-columns:repeat(3,1fr); gap:3rem; }
footer { border-top:1px solid var(--line); padding:1.5rem 0 3rem; display:flex; justify-content:space-between; color:var(--muted); }
@media (max-width:700px) { .join-row { flex-direction:column; } .cards,.details { grid-template-columns:1fr; } .cards article { border-right:0; border-bottom:1px solid var(--line); } .hero { padding-top:8vh; } }