:root{--bg:#0b0b14;--bg-elev:#14141f;--bg-elev-2:#1c1c2b;--border:#2a2a3d;--text:#ececf3;--text-dim:#9a9ab0;--text-faint:#6b6b85;--brand:#7c5cff;--brand-2:#b08cff;--brand-ink:#ffffff;--accent:#2de1c2;--danger:#ff6b6b;--warn:#ffbb43;--radius:14px;--radius-sm:10px;--shadow:0 10px 40px rgba(0,0,0,0.45);--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Inter,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:var(--brand-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.02em;line-height:1.15;margin:0}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--bg-elev-2);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:transform .06s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.btn:hover:not(:disabled){background:#24243a}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--brand),#5c5cff);color:var(--brand-ink);border-color:transparent;box-shadow:0 6px 20px rgba(124,92,255,.35)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8b6dff,#6b6bff)}.btn-ghost{background:transparent;border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-elev)}.btn-lg{padding:14px 26px;font-size:15px;border-radius:12px}.card{background:var(--bg-elev);padding:20px}.card,.panel{border:1px solid var(--border);border-radius:var(--radius)}.panel{background:linear-gradient(180deg,var(--bg-elev),#101019)}.field{display:grid;grid-gap:6px;gap:6px;margin-bottom:14px}.label{font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.hint,.label{font-size:12px}.hint{color:var(--text-faint)}.input,.select,.textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;font-family:inherit;padding:11px 13px;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(124,92,255,.2)}.textarea{resize:vertical;min-height:84px}.segmented{display:flex;gap:6px;flex-wrap:wrap}.seg{flex:1 1;min-width:120px;text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;cursor:pointer;color:var(--text);font-family:inherit;transition:border-color .15s ease,background .15s ease}.seg:hover{border-color:#3a3a55}.seg.active{border-color:var(--brand);background:rgba(124,92,255,.1)}.seg .seg-title{font-weight:700;font-size:14px;color:var(--text)}.seg .seg-sub{font-size:11.5px;color:var(--text-dim);margin-top:3px}.seg .seg-cost{color:var(--accent);margin-top:6px}.pill,.seg .seg-cost{font-size:12px;font-weight:600}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--bg-elev-2);color:var(--text-dim);border:1px solid var(--border)}.pill-ok{color:var(--accent);border-color:rgba(45,225,194,.4)}.pill-warn{color:var(--warn);border-color:rgba(255,187,67,.4)}.pill-err{color:var(--danger);border-color:rgba(255,107,107,.4)}.container{max-width:920px;margin:0 auto;padding:0 20px}.row{gap:10px;flex-wrap:wrap}.row,.spread{display:flex;align-items:center}.spread{justify-content:space-between;gap:12px}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.signin-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.signin-glow{position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(124,92,255,.35),transparent 60%);filter:blur(40px);pointer-events:none}.signin-card{position:relative;width:100%;max-width:380px;padding:32px 28px;box-shadow:var(--shadow)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(11,11,20,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brandmark{display:inline-flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.02em;font-size:17px}.brandmark .dot{width:11px;height:11px;border-radius:4px;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 0 12px var(--brand)}