:root{--bg:#050308;--surface:#15101F;--surface-2:#1D1730;--ink:#fff;--ink-soft:#B7ADD6;
  --accent:#B565FA;--accent-2:#8B3FE8;--border:#3D3266;--err:#FF6B6B}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--ink);
  background:radial-gradient(900px 500px at 20% -10%,rgba(168,85,247,.22),transparent 60%),
             radial-gradient(700px 400px at 100% 0%,rgba(124,58,237,.18),transparent 55%),var(--bg)}
.card{width:100%;max-width:380px;background:var(--surface);border:2px solid var(--border);
  border-radius:16px;padding:28px 26px 24px;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.eyebrow{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-soft);font-weight:600}
h1{font-size:22px;margin:8px 0 4px;font-weight:800;letter-spacing:-.01em;
  background:linear-gradient(90deg,#F0D9FF,#B565FA);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{margin:0 0 22px;font-size:13px;color:var(--ink-soft)}
label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);
  font-weight:700;margin-bottom:14px}
label input{display:block;width:100%;margin-top:6px;font-family:ui-monospace,Menlo,monospace;font-size:14px;
  border:2px solid var(--border);border-radius:9px;padding:10px 12px;background:var(--surface-2);
  color:var(--ink);color-scheme:dark}
label input:focus{outline:none;border-color:var(--accent);background:rgba(181,101,250,.16)}
.btn{width:100%;margin-top:6px;font-weight:800;font-size:15px;border:0;border-radius:10px;padding:12px;
  background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;cursor:pointer;
  box-shadow:0 6px 22px rgba(181,101,250,.42)}
.btn:hover{filter:brightness(1.1)}
.err{background:rgba(255,107,107,.14);border:1.5px solid rgba(255,107,107,.5);color:#ffd0d0;
  border-radius:9px;padding:10px 12px;font-size:13px;font-weight:600;margin-bottom:14px;line-height:1.45}
.note{margin-top:14px;font-size:11.5px;color:var(--ink-soft);text-align:center}