:root{--auth-bg:#070b11;--auth-card:#0d141e;--auth-line:#243043;--auth-text:#eef3f8;--auth-muted:#8b99ac;--auth-accent:#5f6bff}
.auth-page{min-height:100vh;margin:0;background:radial-gradient(circle at 50% -20%,rgba(95,107,255,.12),transparent 42%),var(--auth-bg);color:var(--auth-text)}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;box-sizing:border-box}
.auth-card{width:min(460px,100%);padding:30px;border:1px solid var(--auth-line);background:linear-gradient(180deg,rgba(16,24,35,.98),rgba(10,16,24,.98));border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.38);box-sizing:border-box}
.auth-brand{display:inline-flex;align-items:center;gap:10px;color:#f5f8fc;text-decoration:none;font-size:18px;font-weight:850;letter-spacing:-.02em}
.auth-copy{margin:30px 0 24px}.auth-copy h1{margin:6px 0 10px;font-size:32px;line-height:1.08;letter-spacing:-.045em}.auth-copy p{margin:0;color:var(--auth-muted);line-height:1.65;font-size:14px}
.auth-form{display:grid;gap:16px}.auth-form .field{margin:0}.auth-form label{margin-bottom:7px}.auth-form input{width:100%;box-sizing:border-box}.auth-submit{width:100%;min-height:46px;margin-top:4px}.auth-link-btn{display:flex;align-items:center;justify-content:center;text-decoration:none}
.auth-alert{padding:12px 14px;border-radius:12px;margin:0 0 16px;font-size:13px;line-height:1.5;border:1px solid var(--auth-line)}.auth-alert.error{background:#351c24;color:#ffb3bf;border-color:#5e303d}.auth-alert.success{background:#14372c;color:#aef0d4;border-color:#245d49}
.auth-hint{margin-top:6px;color:#748297;font-size:11px}.auth-foot{text-align:center;margin-top:20px;color:#7f8da2;font-size:12px}.auth-foot a{color:#bfc7ff;text-decoration:none;font-weight:750}.auth-foot a:hover{text-decoration:underline}
@media(max-width:520px){.auth-shell{padding:14px}.auth-card{padding:22px;border-radius:18px}.auth-copy{margin:24px 0 20px}.auth-copy h1{font-size:27px}}