:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090d12;color:#f5f7fa}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#182432 0,#0c1219 42%,#070a0e 100%)}
.auth-card{width:min(440px,100%);padding:38px;border:1px solid #263241;border-radius:24px;background:rgba(14,20,28,.94);box-shadow:0 28px 80px rgba(0,0,0,.48)}
.brand{display:inline-flex;padding:7px 10px;border-radius:9px;background:#f36b32;color:white;font-size:12px;font-weight:800;letter-spacing:.15em}
h1{margin:22px 0 8px;font-size:30px;line-height:1.15}.lead{margin:0 0 26px;color:#aab6c5;line-height:1.55}
form{display:grid;gap:18px}label{display:grid;gap:8px;color:#dbe3ec;font-size:14px;font-weight:650}
input[type=text],input[type=password]{width:100%;height:50px;border:1px solid #344255;border-radius:12px;padding:0 14px;background:#0a0f15;color:#fff;font:inherit;outline:none}
input:focus{border-color:#6ea8ff;box-shadow:0 0 0 3px rgba(80,144,255,.18)}
.remember{display:flex;align-items:center;gap:10px;font-weight:500;color:#c2ccd8}.remember input{width:18px;height:18px;accent-color:#f36b32}
button{height:50px;border:0;border-radius:12px;background:#f36b32;color:#fff;font:inherit;font-weight:800;cursor:pointer}button:hover{background:#ff7a40}button:focus-visible{outline:3px solid #8bb8ff;outline-offset:3px}
.error{margin:0 0 18px;padding:12px 14px;border:1px solid #743b3f;border-radius:12px;background:#2a1518;color:#ffb8bc;font-size:14px;line-height:1.45}
.privacy{margin:20px 0 0;color:#7f8c9b;font-size:12px;line-height:1.5}.back-link{display:inline-block;margin-top:20px;color:#9fc1ff;text-decoration:none}
@media(max-width:520px){body{padding:14px}.auth-card{padding:28px 22px;border-radius:18px}h1{font-size:26px}}