:root{--bg:#0C111A;--surface:#1A2233;--surface-2:#232C41;--line:#2A3448;--ink:#F5F7FA;--soft:#B8C1D1;--muted:#7A8399;--faint:#4A5468;--brand:#E2581C;--brand-hover:#ff6a1f;--brand-soft:rgba(226,88,28,0.14);--danger:#ef4444;--success:#22c55e;--font-body:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Bricolage Grotesque",var(--font-body);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-hover)}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:600;transition:all .15s;text-decoration:none}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hover);color:#fff}.btn-secondary{background:var(--surface-2);color:var(--ink);border-color:var(--line)}.btn-secondary:hover{background:var(--surface)}.btn-ghost{background:transparent;color:var(--soft)}.btn-ghost:hover{background:var(--surface);color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select,.textarea{width:100%;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-family:inherit;font-size:14px;outline:none;transition:border-color .15s;color-scheme:dark}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand)}.input::placeholder,.textarea::placeholder{color:var(--muted)}.label{display:block;font-size:13px;font-weight:600;color:var(--soft);margin-bottom:6px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--brand)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--muted);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.banner{padding:12px 16px;border-radius:8px;font-size:13.5px;line-height:1.5}.banner-error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:#fca5a5}.banner-success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#86efac}.banner-info{background:rgba(226,88,28,.1);border:1px solid rgba(226,88,28,.3);color:#ffb894}.chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.chip-brand{background:var(--brand-soft);color:var(--brand);border:1px solid var(--brand)}.chip-muted{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.chip-live{background:rgba(34,197,94,.14);color:#86efac;border:1px solid rgba(34,197,94,.35)}