.login-page { min-height: 100dvh; display: flex; flex-direction: column; }
.login-private { font-size: 11px; letter-spacing: 1.5px; color: var(--muted); }
.login-main { width: 100%; max-width: 1220px; margin: auto; padding: 72px 5.2%; display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 70px; flex: 1; }
.login-intro h1 { font-size: clamp(32px, 3.5vw, 48px); line-height: 1.25; }
.login-card { padding: 36px; box-shadow: 0 10px 40px #24342e06; }
.login-card h2 { font: 700 25px Manrope, Arial, sans-serif; margin: 0 0 8px; }
.login-card form { margin-top: 28px; }
.password-field { display: flex; gap: 8px; }
.password-field input { min-width: 0; }
.login-submit { width: 100%; }
.login-preview { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--line); }
.login-preview .button { width: 100%; }
@media(max-width:800px) { .login-main { grid-template-columns: 1fr; max-width: 540px; gap: 30px; padding-block: 36px; } .login-intro h1 { font-size: 32px; } .login-private { display: none; } }
@media(max-width:480px) { .login-card { padding: 24px; } }