.master-login-page { display: grid; min-height: 100vh; min-height: 100svh; padding: 40px 20px; place-items: center; }
.master-login-shell { width: min(100%, 420px); }
.master-login-card.ui-page { padding: 40px; border-radius: 16px; }
.master-login-heading h1 { color: var(--text-strong); font-size: 26px; font-weight: 700; line-height: 1.4; letter-spacing: -.6px; }
.master-login-heading { margin-bottom: 28px; }
.master-login-form { display: grid; gap: 20px; }
.master-login-field { display: grid; gap: 9px; }
.master-login-field label { color: var(--text-soft); font-size: 13px; font-weight: 500; }
.master-login-field .ui-input { width: 100%; min-height: 48px; padding: 12px 14px; font-size: 14px; }
.master-login-form .ui-button { width: 100%; margin-top: 6px; font-size: 14px; }
.master-login-error { margin-bottom: 22px; padding: 12px 14px; border-radius: 8px; background: var(--surface-muted); color: var(--red); font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
@media (max-width: 480px) {
    .master-login-page { padding: 24px 16px; }
    .master-login-card.ui-page { padding: 32px 24px; }
}