.login{padding-block:var(--space-8) var(--space-9)}.login__hero{max-width:640px}.login__hero h1{font-family:var(--font-display);font-weight:400;font-size:var(--text-h1);line-height:1.06;letter-spacing:-.01em;margin-top:var(--space-4)}.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{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}@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);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.login__actions .btn:disabled{opacity:.5;cursor:not-allowed}.login__note{margin-top:var(--space-6);display:flex;align-items:center;gap:6px;font-size:var(--text-small);color:var(--ink-3)}.login__note .icon{color:var(--accent-ink);flex:none}.login__hero{display:grid;grid-gap:var(--space-6);gap:var(--space-6);align-items:center}@media (min-width:1024px){.login__hero{grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-8)}}.login__hero-visual{margin:0;max-width:320px}.login__hero{max-width:none}.login__hero-copy{max-width:640px}