.login{padding-block:var(--space-8) var(--space-9)}.login__hero h1{font-family:var(--font-display);font-weight:400;font-size:var(--text-h1);letter-spacing:-.01em;margin-top:var(--space-4);line-height:1.06}.login__sub{margin-top:var(--space-4);color:var(--ink-2);font-size:var(--text-body-lg);line-height:1.6}.login__steps{margin-top:var(--space-8)}.login-steps{gap:var(--space-5);display:grid}@media (min-width:640px){.login-steps{grid-template-columns:repeat(2,1fr)}}.login-steps li{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6)}.login-steps .icon{color:var(--accent-ink)}.login-steps h2{margin-top:var(--space-3);font-weight:600;font-size:var(--text-h4);color:var(--ink)}.login-steps p{margin-top:var(--space-2);color:var(--ink-2);font-size:var(--text-small);line-height:1.55}.login__actions{margin-top:var(--space-8);align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.login__actions .btn:disabled{opacity:.5;cursor:not-allowed}.login__note{margin-top:var(--space-6);font-size:var(--text-small);color:var(--ink-3);align-items:center;gap:6px;display:flex}.login__note .icon{color:var(--accent-ink);flex:none}.login__hero{gap:var(--space-6);align-items:center;display:grid}@media (min-width:1024px){.login__hero{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 320px}}.login__hero-visual{max-width:320px;margin:0}.login__hero{max-width:none}.login__hero-copy{max-width:640px}