.login-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at top left, #dce7ff, transparent 40%), linear-gradient(145deg, #f7f9fc, #eef2f7); }
.login-shell { width: min(470px, 100%); }
.login-card { background: rgba(255,255,255,.98); border: 1px solid rgba(255,255,255,.8); border-radius: 26px; box-shadow: 0 24px 70px rgba(24,33,47,.14); padding: clamp(24px, 5vw, 42px); }
.login-copy h1 { margin: 7px 0 10px; font-size: clamp(2rem, 7vw, 3rem); line-height: 1; }
.login-copy p { color: var(--muted); line-height: 1.6; margin: 0 0 24px; }
.login-form { display: grid; gap: 16px; }
.login-form .button { margin-top: 4px; }
@media (max-width: 480px) {
    .login-page { padding: 12px; }
    .login-card { border-radius: 20px; padding: 22px 17px; }
}