:root{--bg:#0b0b14;--card:#11111c;--line:#25253a;--chip:#1a1a2a;--text:#ececf6;--mute:#7c7c96;--soft:#a8a8c0;--accent:#a99bff;--bad:#e5484d}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:#08080a;color:var(--text);font:13px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
body{background:radial-gradient(900px 500px at 80% -10%,rgba(108,79,224,.25),transparent 60%),#07070d;display:flex;align-items:center;justify-content:center;padding:16px}
.card{background:var(--card);border:.5px solid var(--line);border-radius:14px;padding:26px;width:340px;max-width:100%}
.brand{display:flex;gap:9px;align-items:center;font-weight:600;font-size:15px;letter-spacing:.05em;margin-bottom:4px}
.lbl{font:10px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);display:block}
input{font:inherit;color:var(--text);background:#101113;border:.5px solid var(--line);border-radius:9px;padding:9px 10px;width:100%;margin:4px 0 14px}
input:focus{outline:1px solid var(--accent);border-color:var(--accent)}
.btn{font:inherit;font-size:13px;width:100%;color:#17113d;background:linear-gradient(135deg,#c4b8ff,#9a87ff);border:0;border-radius:8px;padding:9px;cursor:pointer;margin-top:4px}
.btn:disabled{opacity:.6}
#le{color:var(--bad);font-size:12px;margin-top:10px;min-height:16px}