.login-page{max-width:var(--login-width);width:100%;padding:var(--space-xl) var(--space-xl) var(--space-lg)}.login-header{padding-bottom:var(--space-xl);gap:var(--space-lg);border:0;flex-wrap:wrap}.login-brand{align-items:center;gap:var(--space-md);color:var(--ink);font-size:var(--text-wordmark);font-weight:var(--weight-emphasis);letter-spacing:var(--tracking-heading);text-decoration:none;display:flex}.login-brand img{object-fit:contain;flex-shrink:0;height:auto}.login-layout{align-items:center;gap:var(--space-xl);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);min-height:calc(100svh - 230px);display:grid}.login-story{min-width:0}.login-story h1{font-size:clamp(var(--text-heroMin),3.6vw,var(--text-heroMax));font-weight:var(--weight-regular);letter-spacing:var(--tracking-display);line-height:var(--leading-display);margin:var(--space-lg) 0 0 var(--space-lg);max-width:none}.login-illustration{-webkit-mask-composite:source-in;width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 8% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 8% 90%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;min-width:0}.login-panel h2{font-size:clamp(var(--text-heading),2.4vw,var(--text-panelTitle));font-weight:var(--weight-regular);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}.login-subtitle{font-size:var(--text-secondary);margin:var(--space-md) 0 var(--space-xl)}.login-providers{gap:var(--space-md);display:grid}.login-provider{grid-template-columns:var(--control-iconSize) minmax(0,1fr);gap:var(--space-md);min-height:var(--control-compactHeight);padding:var(--space-sm) var(--space-md);border-color:var(--muted);font:inherit;font-size:var(--text-control);font-weight:var(--weight-emphasis);line-height:var(--leading-body);text-align:center;width:100%;transition:background-color var(--interaction-duration) ease,border-color var(--interaction-duration) ease;align-items:center;display:grid}.login-provider img{object-fit:contain}.login-provider span{overflow-wrap:anywhere}.login-availability{font-size:var(--text-label);line-height:var(--leading-body);min-height:2.5em;margin:var(--space-md) 0;color:var(--muted)}.login-legal{margin-top:var(--space-lg);font-size:var(--text-caption);line-height:var(--leading-body)}.login-legal p{margin:var(--space-sm) 0}.login-legal a{text-underline-offset:3px}.login-page :where(p,h1,h2,a){overflow-wrap:anywhere}@media (max-width:1000px){.login-page{padding:var(--space-lg)}.login-layout{gap:var(--space-lg)}.login-panel{padding:var(--space-lg)}.login-story h1{margin-left:0}.login-heading-break{display:none}}@media (max-width:760px){.login-page{padding:var(--space-lg) var(--space-md)}.login-header{padding-bottom:var(--space-lg);gap:var(--space-sm)}.login-brand{gap:var(--space-sm)}.login-brand img{width:var(--brand-mobileLogoWidth)}.login-layout{gap:var(--space-md);grid-template-columns:minmax(0,1fr);max-width:500px;min-height:0;margin:auto}.login-story h1{font-size:clamp(var(--text-heroMin),7.5vw,var(--text-title));margin:var(--space-md) var(--space-sm) 0}.login-panel{padding:var(--space-lg) var(--space-md)}.login-panel h2{font-size:var(--text-heading)}.login-subtitle{margin-bottom:var(--space-lg)}.login-legal{margin-top:var(--space-md)}}@media (prefers-reduced-motion:reduce){.login-provider{transition:none}}.login-story h1,.login-panel h2{text-wrap:balance}.login-story h1 span{color:var(--action)}.login-story-copy{margin:var(--space-md) var(--space-lg) 0;font-size:var(--text-secondary);max-width:38ch;line-height:var(--leading-body)}.login-brand{gap:var(--space-sm)}@media (max-width:760px){.login-story-copy{margin-inline:var(--space-sm)}}@media (min-width:761px){.login-panel{width:100%;max-width:var(--login-panel-width);justify-self:center}}.login-provider[aria-disabled=true]{cursor:wait}:root .login-provider[data-ui-control=provider]{border:var(--control-fieldBorderWidth) solid var(--controlBorder);background:var(--surface);color:var(--ink);transition:box-shadow var(--interaction-duration)}:root .login-provider[data-ui-control=provider]:is(:hover,:active,:focus,:focus-visible){background:var(--surface);color:var(--ink);border-color:var(--controlBorder)}@media (hover:hover){:root .login-provider[data-ui-control=provider]:not([aria-disabled=true]):hover{box-shadow:var(--shadow-subtle)}}:root .login-provider[data-ui-control=provider]:focus-visible span{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}@media (prefers-reduced-motion:reduce){:root .login-provider[data-ui-control=provider]{transition:none}}