.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}
.login-layout{width:100%;max-width:440px}
.login-top{display:flex;gap:13px;align-items:center;justify-content:center;margin-bottom:26px}
.login-top strong{display:block;font-size:16px;letter-spacing:.08em;font-weight:800}
.login-top span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.login-card{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:36px;box-shadow:0 18px 60px var(--shadow)}
.login-card h1{font-size:31px;margin-bottom:8px}
.login-intro{margin-bottom:28px}
.login-form{display:grid;gap:20px}
.login-field{display:grid;gap:9px}
.login-field label{font-size:13px;font-weight:650;color:var(--text)}
.login-field input{display:block;width:100%;font-size:15px;padding:13px 15px;background:var(--field-bg);border:1px solid var(--field-border);border-radius:10px;color:var(--text)}
.login-field input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.login-submit{font-size:14px;min-height:46px;margin-top:5px}
.login-hint{font-size:12px;color:var(--muted);margin:22px 0 0;text-align:center;line-height:1.5}
.login-error{padding:13px;border-radius:9px;background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);font-size:13px;margin:0 0 19px}
.login-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--muted);font-size:12px;margin-top:18px}
@media(max-width:480px){.login-card{padding:24px}.login-card h1{font-size:27px}}