:root{--c1:#2563eb;--c2:#7c3aed;--bg:#0b1020;--card:#111827;--txt:#e5e7eb;--muted:#9ca3af}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(120deg,#0b1020,#111827 40%,#0b1020);color:var(--txt);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}.container{max-width:1024px;margin:0 auto;padding:24px}.glass{background:#11182799;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 12px 30px #02061780}.btn{border:none;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer}.btn-primary{background:linear-gradient(90deg,var(--c1),var(--c2));color:#fff}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--txt)}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.title{font-size:28px;font-weight:800;margin:0}.sub{font-size:14px;color:var(--muted)}.card{padding:18px}.brand{font-weight:900;letter-spacing:.3px}.footer{color:var(--muted);font-size:12px;text-align:center;margin-top:18px}