:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#211b5b 0,#080b20 38%,#050714 100%);font-family:Inter,system-ui,sans-serif;color:#f3f5ff}
.card{width:min(440px,calc(100vw - 32px));padding:30px;border:1px solid #272d53;border-radius:22px;background:#0b0f25e8;box-shadow:0 30px 90px #0008}
body[data-auth-page="register"] .card{width:min(520px,calc(100vw - 32px))}
.brand{font-size:26px;font-weight:800;letter-spacing:.18em;color:#ffd84d}
.kicker{margin-top:8px;color:#8f96bd;font-size:12px;text-transform:uppercase;letter-spacing:.14em}
h1{margin:18px 0 8px;font-size:32px}
p{color:#aab0cf}
.field{display:grid;gap:7px;margin:16px 0}
body[data-auth-page="register"] .field{margin:14px 0}
.field span,.check{font-size:13px;color:#aab0cf}
input{width:100%;padding:13px 14px;border:1px solid #2a315d;border-radius:12px;background:#070a19;color:#fff;outline:none}
input:focus{border-color:#7563ff}
.check{display:flex;gap:10px;align-items:flex-start;margin:12px 0}
.check input{width:auto;margin-top:3px}
button{width:100%;margin-top:8px;padding:13px;border:0;border-radius:12px;background:linear-gradient(135deg,#694cff,#9a62ff);color:#fff;font-weight:750;cursor:pointer}
.status{min-height:22px;margin:14px 0 0;color:#ff9cae}
.back{display:block;margin-top:18px;color:#b8bcdd;text-decoration:none;text-align:center}