:root{color-scheme:light dark;--bg: #0b1220;--panel: #121a2b;--panel-border: #243049;--text: #e8eefc;--muted: #9aa8c7;--accent: #3b82f6;--accent-2: #22c55e;--danger: #f87171;--warning: #fbbf24;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.45;font-weight:400;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#1e293b 0%,var(--bg) 55%);min-height:100%}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}.app{max-width:720px;margin:0 auto;padding:1.25rem 1rem 3rem}header h1{margin:0 0 .25rem;font-size:1.5rem}header p{margin:0;color:var(--muted)}.card{background:color-mix(in srgb,var(--panel) 92%,black);border:1px solid var(--panel-border);border-radius:14px;padding:1rem 1.1rem;margin-top:1rem;box-shadow:0 10px 30px #00000040}.card h2{margin:0 0 .75rem;font-size:1.05rem}.stack{display:grid;gap:.75rem}label{display:grid;gap:.35rem;color:var(--muted);font-size:.9rem}input[type=email],input[type=text]{border:1px solid var(--panel-border);background:#0a1220;color:var(--text);border-radius:10px;padding:.7rem .8rem}.row{display:flex;gap:.6rem;flex-wrap:wrap}button{border:0;border-radius:10px;padding:.7rem 1rem;background:var(--accent);color:#fff;cursor:pointer}button.secondary{background:#334155}button.success{background:var(--accent-2);color:#052e16}button:disabled{opacity:.55;cursor:not-allowed}.muted{color:var(--muted);font-size:.92rem}.banner{border-radius:12px;padding:.85rem 1rem;margin-top:1rem}.banner.info{background:#1e3a5f;border:1px solid #2b4f7e}.banner.warn{background:#3b2f12;border:1px solid #7a5b16;color:#fde68a}.banner.error{background:#3f1d1d;border:1px solid #7f1d1d;color:#fecaca}.pref-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;border-top:1px solid var(--panel-border)}.pref-item:first-of-type{border-top:0}.pref-item strong{display:block}.switch{position:relative;width:46px;height:28px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#334155;border-radius:999px;cursor:pointer;transition:.2s}.slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:var(--accent-2)}.switch input:checked+.slider:before{transform:translate(18px)}.steps{margin:.5rem 0 0;padding-left:1.2rem;color:var(--muted)}.steps li{margin:.35rem 0}