:root{--bg: #0b1220;--bg-elev: #121a2a;--text: #e6edf6;--muted: #a2b0c4;--card: #0f1726;--border: #1f2a44;--accent: #7c93ff;--green: #12d190;--yellow: #ffcc66;--blue: #6ab7ff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 400px at 50% -10%,rgba(124,147,255,.35),transparent 60%),var(--bg)}.page{display:grid;grid-template-rows:auto 1fr auto;min-height:100%}.topnav{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;color:var(--muted)}.brand{font-weight:700;letter-spacing:.2px;color:var(--text)}.tag{font-size:14px;color:var(--muted)}.hero{text-align:center;padding:40px 16px 16px;position:relative}.hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(800px 300px at 50% 0%,rgba(124,147,255,.25),transparent 60%);filter:blur(0px)}.title{font-size:36px;margin:18px 0 8px}.subtitle{max-width:840px;margin:0 auto;color:var(--muted);line-height:1.6}.legend{display:flex;gap:16px;justify-content:center;align-items:center;margin-top:18px;color:var(--muted);font-size:14px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.dot-green{background:var(--green)}.dot-yellow{background:var(--yellow)}.dot-blue{background:var(--blue)}.content{max-width:920px;margin:28px auto 40px;padding:0 16px;display:grid;gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.card h2{margin:4px 0 8px;font-size:20px}.card p{color:var(--muted);line-height:1.7}.card ul{margin:6px 0 0 18px;color:var(--muted);line-height:1.7}.footer{text-align:center;padding:24px;color:var(--muted);border-top:1px solid var(--border);background:var(--bg-elev)}