[hidden] { display: none !important; }
.auth-screen { min-height: 100dvh; display: grid; place-items: center; padding: 24px; background: #f7f8f4; color: #21362d; }
.auth-card { width: min(100%, 420px); background: #fff; border: 1px solid #dfe9e2; border-radius: 22px; padding: 32px; box-shadow: 0 16px 48px #23443314; }
.auth-brand { display: flex; align-items: center; gap: 8px; font-size: 19px; font-weight: 700; color: #254f3d; }
.auth-brand > span:last-child { color: #3a8f68; margin-left: -8px; }
.auth-card h1 { margin: 25px 0 6px; font-size: 29px; }
.auth-card p { color: #62766a; margin: 0 0 22px; }
.auth-card form { display: grid; gap: 9px; }
.auth-card label { margin-top: 8px; font-weight: 600; font-size: 14px; }
.auth-card input, .auth-card select { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #c7d8ce; border-radius: 11px; background: #fff; color: #21362d; font: inherit; }
.auth-card form .button { margin-top: 16px; min-height: 46px; }
.auth-card .auth-error { margin: 16px 0 0; color: #9e2938; }
@media (max-width: 480px) { .auth-card { padding: 24px; } }