:root{--bg: #0f172a;--fg: #e2e8f0;--muted: #94a3b8;--accent: #22d3ee;--card: rgba(255, 255, 255, .06);--ring: rgba(34, 211, 238, .45)}@media(prefers-color-scheme:light){:root{--bg: #f8fafc;--fg: #0f172a;--muted: #334155;--card: rgba(15, 23, 42, .04);--ring: rgba(34, 211, 238, .35)}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;display:grid;place-items:center;min-height:100%;color:var(--fg);background:radial-gradient(1200px 800px at 10% 10%,rgba(34,211,238,.12),transparent 60%),radial-gradient(900px 700px at 90% 80%,rgba(59,130,246,.1),transparent 60%),var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5}.container{width:min(92vw,780px);padding:28px}.card{position:relative;overflow:hidden;border-radius:1.25rem;padding:clamp(28px,6vw,56px);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000026;border:1px solid rgba(255,255,255,.08)}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:800;letter-spacing:.2px;font-size:clamp(1.25rem,2.6vw,1.75rem)}.brand svg{width:28px;height:28px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.2))}.brand .name{background:linear-gradient(90deg,var(--fg),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}h1{margin:.25rem 0 0;font-size:clamp(1.8rem,4.2vw,2.6rem)}p.lead{margin:.5rem 0 1.25rem;color:var(--muted);font-size:clamp(1rem,2.2vw,1.125rem)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);color:var(--fg);background:transparent;padding:.7rem 1rem;border-radius:.9rem;cursor:pointer;font-weight:600;transition:transform .06s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.btn.primary{border-color:transparent;background:linear-gradient(90deg,var(--accent),#60a5fa);color:#0b1220}.btn:focus{outline:none;box-shadow:0 0 0 6px var(--ring)}.btn:hover{transform:translateY(-1px)}.meta{margin-top:1.25rem;font-size:.95rem;color:var(--muted)}.meta a{color:var(--fg);text-underline-offset:3px}footer{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--muted)}