.login-page{font-family:Social DM Sans,sans-serif}.login-page .login-header{justify-content:space-between;align-items:center;gap:20px;width:min(1320px,100% - 80px);min-height:100px;margin:0 auto;display:flex}.login-page .login-wordmark{letter-spacing:-2px;color:var(--ink);align-items:center;gap:10px;font:800 36px/1 Social Bricolage Grotesque,sans-serif;display:inline-flex}.login-page .login-back{min-height:44px;color:var(--ink-secondary);align-items:center;gap:9px;font-size:13px;font-weight:500;display:inline-flex}.login-page a:focus-visible{outline-offset:5px;border-radius:4px;outline:2px solid #2563eb}.login-page .login-skip{z-index:100;background:var(--paper-elevated);padding:12px;position:fixed;top:-100px;left:16px}.login-page .login-skip:focus{top:16px}.login-page .login-layout{grid-template-columns:1fr 1fr;width:min(1320px,100% - 80px);min-height:700px;margin:0 auto 72px;display:grid}.login-page .login-story{color:#0f172a;background:#dbeafe;border-radius:28px;flex-direction:column;padding:48px 48px 28px;display:flex;position:relative;overflow:hidden}.login-page .login-eyebrow{letter-spacing:.15em;margin-bottom:34px;font-size:12px;font-weight:650}.login-page .login-story h2{letter-spacing:-.055em;margin:0;font:650 clamp(40px,4.2vw,65px)/1.04 Social Bricolage Grotesque,sans-serif}.login-page .login-story h2 em{color:#1d4ed8;font-family:Social Instrument Serif,Georgia,serif;font-weight:400}.login-page .login-story-copy{color:#40546e;margin:24px 0 0;font-size:15px;line-height:1.65}.login-page .login-art{flex:1;align-items:center;margin:20px -48px 0;display:flex}.login-page .login-art img{mix-blend-mode:multiply;width:100%;height:auto}.login-page .login-story-bottom{color:#40546e;border-top:1px solid #adc8ee;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font-size:12px;display:flex}.login-page .login-panel{flex-direction:column;justify-content:center;align-items:center;gap:55px;padding:70px 48px 30px;display:flex}.login-page .login-form-wrap{outline:none;width:100%;max-width:380px;margin:auto 0}.login-page .login-form-heading{text-align:left;width:100%}.login-page .login-form-heading h1{letter-spacing:-.045em;margin-bottom:12px;font:650 36px/1.12 Social Bricolage Grotesque,sans-serif}.login-page .login-form-heading p{line-height:1.7}.login-page .login-step-label{letter-spacing:.13em;color:var(--ink-tertiary);margin-bottom:20px;font-size:12px;font-weight:600}.login-page .login-email-input{background:var(--paper-elevated);border-radius:12px;height:54px;padding-inline:16px;font-size:16px}.login-page .login-submit{border-radius:12px;height:52px}.login-page .login-membership{border-top:1px solid var(--stroke);color:var(--ink-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:32px;padding-top:26px;font-size:12px;display:flex}.login-page .login-membership a{color:var(--ink);text-underline-offset:3px;align-items:center;gap:4px;min-height:32px;font-weight:600;text-decoration:underline;display:inline-flex}.login-page .login-security{color:var(--ink-tertiary);text-align:center;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.login-page .login-email-display{overflow-wrap:anywhere;color:var(--ink);margin-top:6px;font-weight:600;display:block}.login-page .login-code-help{background:var(--paper-sunken);border-radius:12px;width:100%;padding:14px 16px;line-height:1.7}@media (max-width:1050px){.login-page .login-panel{padding-inline:30px}.login-page .login-story{padding:36px 32px 24px}.login-page .login-art{margin-inline:-32px}}@media (max-width:900px){.login-page .login-header{width:calc(100% - 40px);min-height:82px}.login-page .login-layout{flex-direction:column;width:min(520px,100% - 40px);min-height:0;margin-bottom:52px;display:flex}.login-page .login-story{border-radius:20px;padding:26px 28px}.login-page .login-eyebrow{margin-bottom:16px;font-size:12px}.login-page .login-story h2{font-size:34px}.login-page .login-story h2 br{display:none}.login-page .login-story h2 em{display:block}.login-page .login-story-copy,.login-page .login-art,.login-page .login-story-bottom{display:none}.login-page .login-panel{gap:30px;padding:38px 12px 0}.login-page .login-form-heading h1{font-size:32px}}@media (max-width:380px){.login-page .login-header,.login-page .login-layout{width:calc(100% - 32px)}.login-page .login-panel{padding-inline:0}.login-page .login-story{padding:22px}.login-page .login-story h2{font-size:30px}}