:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#0b0d12;color:#e6e9f0}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,#221a44 0,#0b0d12 60%)}
.card{width:340px;background:#141821;border:1px solid #252b38;border-radius:14px;padding:26px 26px 18px;box-shadow:0 20px 60px #0008}
.brand{display:flex;align-items:center;gap:8px;font-weight:700}.sub{color:#8a93a6;font-weight:500}
.logo{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#7c5cff,#ff5ca8);font-size:11px;color:#fff}
h1{font-size:18px;margin:18px 0 14px}label{display:block;font-size:12px;color:#8a93a6;margin-bottom:12px}
input{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:9px 10px;border-radius:8px;border:1px solid #303746;background:#10131a;color:#e6e9f0;font:inherit;font-size:14px;outline:none}
input:focus{border-color:#7c5cff}button{width:100%;padding:10px;border:0;border-radius:8px;background:#7c5cff;color:#fff;font:inherit;font-weight:600;font-size:14px;cursor:pointer}
button:disabled{opacity:.6}.err{min-height:18px;color:#f87171;font-size:12px;margin:0 0 10px}.note{color:#8a93a6;font-size:11px;text-align:center;margin:14px 0 0}