:root{--bg: #0f1020;--surface: #1a1c33;--text: #f4f4f8;--muted: #9b9bb8;--accent: #7c6cf0;--accent-hover: #9488ff;--danger: #ff6b8a;--ok: #5ce1a3;--radius: 14px;font-family:DM Sans,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh}#app{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.25rem}.card{width:100%;max-width:420px;background:linear-gradient(160deg,var(--surface) 0%,#13152a 100%);border:1px solid rgba(255,255,255,.06);border-radius:calc(var(--radius) + 6px);padding:1.75rem 1.5rem 2rem;box-shadow:0 24px 48px #00000059,inset 0 1px #ffffff0a}.brand{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .35rem}h1{font-size:1.65rem;font-weight:600;margin:0 0 .5rem;letter-spacing:-.02em}.sub{margin:0 0 1.5rem;color:var(--muted);font-size:.95rem}.field{margin-bottom:1.1rem}label{display:block;font-size:.8rem;font-weight:500;color:var(--muted);margin-bottom:.35rem}input{width:100%;padding:.75rem .9rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:#00000040;color:var(--text);font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#9b9bb88c}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c6cf040}.hint{font-size:.72rem;color:var(--muted);margin-top:.35rem}button[type=submit]{width:100%;margin-top:.5rem;padding:.85rem 1rem;border:none;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent) 0%,#5b4bd1 100%);color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:transform .12s,filter .12s}button[type=submit]:hover:not(:disabled){filter:brightness(1.06)}button[type=submit]:active:not(:disabled){transform:scale(.99)}button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.banner{margin-top:1rem;padding:.75rem .85rem;border-radius:var(--radius);font-size:.88rem;line-height:1.4}.banner.error{background:#ff6b8a1f;border:1px solid rgba(255,107,138,.35);color:#ffc2cf}.banner.success{background:#5ce1a31a;border:1px solid rgba(92,225,163,.35);color:#b8f5d8}.banner.warn{background:#ffc8641a;border:1px solid rgba(255,200,100,.35);color:#ffe4b3}