:root{--bg: #0a0f1e;--surface: #11182a;--surface-2: #0f1526;--surface-3: #0f0e18;--primary: #0d6efd;--accent: #00d4ff;--text: #e6ecf5;--text-muted: #a7b3c7;--border: #21304b;--bg-err: #e91e51;--text-err: #e6ecf5}[data-theme=light]{--bg: #f6f8fb;--surface: #ffffff;--surface-2: #f0f4f8;--surface-3: #dfe6ed;--primary: #0d6efd;--accent: #0077ff;--text: #0a0f1e;--text-muted: #475569;--border: #e2e8f0;--bg-err: #e91e51;--text-err: #e6ecf5}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,rgba(0,212,255,.06),transparent 60%),radial-gradient(1000px 500px at 90% -10%,rgba(13,110,253,.08),transparent 60%),var(--bg);line-height:1.5;padding-top:10px;padding-bottom:env(safe-area-inset-bottom);overflow:hidden}::selection{background:#00d4ff40}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#fff3}.container{width:100%;max-width:1400px;margin:0 auto;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}.surface{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 4px 12px #00000040}.button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(180deg,#244a82,#193257);color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:999px;cursor:pointer;transition:transform .05s ease,filter .2s ease;text-decoration:none;-webkit-user-select:none;user-select:none}.secondary{background:linear-gradient(180deg,gray,#545454)}.button:hover{filter:brightness(1.05)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.6;cursor:not-allowed}.input{width:calc(100% - 90px);background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d6efd40}h1,h2,h3,h4{margin:0 0 16px;font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;font-size:20px;line-height:1;vertical-align:middle}@media (max-width: 900px){.button{padding:12px 16px}.container{padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right))}}@media (max-width: 600px){.button{padding:8px 12px}.container{padding-left:calc(8px + env(safe-area-inset-left));padding-right:calc(8px + env(safe-area-inset-right))}}