.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 0%,#3b467d 0,transparent 40%),#1b2340}.auth-card{width:min(100%,440px);padding:42px;border-radius:20px;background:#fff;box-shadow:0 30px 80px #080d1e66}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:48px;color:#1e2749;font:600 22px "Fraunces",serif}.auth-brand strong span{color:#a6620c}.auth-brand .brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#efad4a;color:#1b2340;font:700 16px "Fraunces",serif}.auth-card h1{margin:0;color:#1e2749;font:600 30px/1.1 "Fraunces",serif;letter-spacing:-.02em}.auth-intro{margin:12px 0 28px;color:#677190;font-size:13px;line-height:1.55}.auth-card form{display:grid;gap:16px}.auth-card label{color:#677190;font-size:12px;font-weight:700}.auth-card input{margin-top:8px}.auth-card .primary-button{width:100%;margin-top:4px}
.auth-status {
    margin-top: 12px;
    font-size: 0.9rem;
    min-height: 1.2em;
}
.auth-status.error {
    color: #b8453b;
}
.auth-status.info {
    color: #5a6a7a;
}
.auth-note{margin:28px 0 0;padding-top:18px;border-top:1px solid #e2e5ef;color:#8a93aa;font-size:11px;line-height:1.5}@media(max-width:520px){.auth-card{padding:30px 24px}.auth-card h1{font-size:27px}}
@media (max-width: 500px) {
    .auth-card {
        margin: 20px 16px;
        padding: 24px 20px;
    }
}