:root{--bg:#0a0a0f;--bg2:#12121a;--bg3:#1a1a24;--bg4:#22222e;--accent:#a78bfa;--accent2:#c4b5fd;--accent3:#8b5cf6;--ink:#f5f5f7;--ink2:#a1a1aa;--ink3:#71717a;--line:hsla(0,0%,100%,.08);--line2:hsla(0,0%,100%,.04);--warn:#f59e0b;--err:#f87171;--ok:#34d399}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600;margin:0}.field{background:var(--bg2);border:1px solid var(--line);color:var(--ink);padding:11px 14px;font-family:inherit;font-size:14px;width:100%;border-radius:10px;outline:none;transition:border-color .15s,background .15s}.field:focus{border-color:var(--accent);background:var(--bg3)}.field::placeholder{color:var(--ink3)}.btn{background:var(--accent);color:#0a0a0f;border:none;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:-.01em;cursor:pointer;border-radius:10px;transition:background .15s,transform .1s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover:not(:disabled){background:var(--accent2)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover:not(:disabled){background:var(--bg3);border-color:hsla(0,0%,100%,.18)}.ghost-btn{background:transparent;color:var(--ink2);border:1px solid var(--line);padding:7px 14px;font-size:13px;font-weight:400;letter-spacing:-.01em;cursor:pointer;border-radius:8px;transition:all .15s}.ghost-btn:hover{border-color:hsla(0,0%,100%,.18);color:var(--ink)}.ghost-btn.active{border-color:var(--accent);background:rgba(167,139,250,.1);color:var(--accent2)}.panel{background:var(--bg2);border:1px solid var(--line);padding:1.5rem;border-radius:16px;position:relative}.container{max-width:1200px}.container,.narrow{margin:0 auto;padding:0 1.5rem}.narrow{max-width:880px}.label{font-size:12px}.label,.pill{font-weight:500;color:var(--ink2);letter-spacing:-.01em}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg3);border:1px solid var(--line);border-radius:999px;font-size:11px}.pill-accent{background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.25);color:var(--accent2)}.pill-ok{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.25);color:var(--ok)}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .4s ease-out both}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--ink3)}.glow{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(167,139,250,.18),transparent 70%);pointer-events:none;z-index:0}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.pulse{animation:pulse 1.4s ease-in-out infinite}@media (max-width:900px){.main-grid{grid-template-columns:1fr!important}}