.login-page { min-height: 100vh; display: grid; place-items: center; margin: 0; background: #f4f7fb; color: #152238; }
.login-card { width: min(420px, calc(100% - 32px)); box-sizing: border-box; padding: 34px; border: 1px solid #dce4ee; border-radius: 16px; background: #fff; box-shadow: 0 14px 40px rgb(25 42 70 / 12%); }
.login-brand { margin: 0 0 8px; color: #0c766e; font-weight: 800; }
.login-card h1 { margin: 0; font-size: 28px; }
.login-card > p:not(.login-brand):not(.login-error) { color: #5b6b80; }
.login-card form { display: grid; gap: 16px; margin-top: 24px; }
.login-card label { display: grid; gap: 6px; font-weight: 700; }
.login-card input { padding: 11px 12px; border: 1px solid #b8c5d5; border-radius: 8px; font: inherit; }
.login-card button { min-height: 44px; border: 0; border-radius: 8px; background: #0c766e; color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.login-error { margin: 18px 0 0; color: #b42318; font-weight: 700; }