:root{--bg: #0f172a;--bg-elev: #111827;--card: #1f2937;--muted: #9ca3af;--text: #e5e7eb;--primary: #60a5fa;--primary-contrast: #0b1220;--accent: #34d399;--danger: #ef4444;--focus: 2px solid #f59e0b;--radius: 12px;--shadow: 0 8px 24px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg) 0%,#0b1022 100%);color:var(--text)}a{color:var(--primary)}a:focus{outline:var(--focus);outline-offset:2px}.container{width:100%;max-width:1100px;margin:0 auto;padding:1rem}.card{background:radial-gradient(120% 120% at 80% 0%,#60a5fa14,#1f2937e6 40%,#111827f2),var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.25rem 1.5rem}.card h1,.card h2{margin-top:0}.btn{appearance:none;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#1e40af,#1d4ed8);color:#fff;padding:.6rem 1rem;border-radius:10px;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease;box-shadow:0 6px 16px #1d4ed859}.btn:hover{transform:translateY(-1px)}.btn:focus{outline:var(--focus)}.btn.secondary{background:linear-gradient(180deg,#065f46,#047857)}.btn.danger{background:linear-gradient(180deg,#991b1b,#b91c1c)}.form{display:grid;gap:1rem}.field{display:grid;gap:.35rem}.label{color:var(--muted);font-size:.95rem}.input{background:#0b1220;color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.65rem .75rem}.help{color:var(--muted);font-size:.9rem}.error{color:#fecaca}.topnav{position:sticky;top:0;z-index:50;background:#020617cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}.topnav-inner{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:.2px}.brand-badge{width:32px;height:32px;border-radius:8px;background:linear-gradient(160deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-contrast);display:flex;align-items:center;justify-content:center;font-weight:900}.navlinks{display:flex;gap:.75rem;margin-left:1rem}.navlink{color:var(--text);text-decoration:none;padding:.4rem .6rem;border-radius:8px}.navlink.active{background:#60a5fa2e;color:#eaf2ff}.spacer{flex:1}main#main{padding:1rem}.page{display:grid;gap:1rem}svg{max-width:100%;height:auto}figure{margin:0}figcaption{color:var(--muted);margin-top:.5rem}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;width:auto;height:auto;padding:.5rem;background:#111827;border:1px solid #374151;border-radius:8px}.center{display:grid;place-items:center;min-height:calc(100vh - 64px)}