.login-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: #f5f7f5; }
.login-card { width: min(420px, 100%); padding: 34px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 8px 32px #183d2c10; }
.login-logo { display: block; width: min(260px, 100%); height: auto; margin: 0 auto 30px; }
.login-card h1 { margin-bottom: 8px; font-size: 29px; }
.login-card .intro { margin-bottom: 24px; }
.login-message { min-height: 20px; margin: 0; color: #a84437; font-size: 12px; }
@media (max-width: 480px) { .login-card { padding: 26px 22px; } }