.auth-shell.auth-shell--calm{background:var(--bg-page);place-items:center;min-height:100svh;padding:24px;display:grid}.auth-frame{border:1px solid var(--border-subtle);background:var(--bg-raised);width:min(1240px,100%);min-height:min(830px,100svh - 48px);box-shadow:0 20px 70px color-mix(in srgb, var(--text-display) 7%, transparent);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);display:grid;overflow:hidden}.auth-story{isolation:isolate;background:var(--surface-inverse-strong);color:var(--text-on-inverse);flex-direction:column;padding:clamp(32px,4vw,56px);display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";z-index:-1;background:var(--brand-200);opacity:.08;width:680px;height:680px;position:absolute;top:40px;right:-390px;-webkit-mask:url(/styleguide/assets/steady-chapter-mark.svg) 50%/contain no-repeat;mask:url(/styleguide/assets/steady-chapter-mark.svg) 50%/contain no-repeat}.auth-story .auth-wordmark{color:var(--text-on-inverse);font-family:var(--font-brand);letter-spacing:-.035em;align-self:flex-start;font-size:21px;font-weight:550;text-decoration:none}.auth-story .steady-mark-shape{filter:none}.auth-story .auth-wordmark:focus-visible{outline:2px solid var(--brand-200);outline-offset:6px;border-radius:4px}.auth-story-copy{margin-top:auto;padding-top:58px}.auth-story-eyebrow{color:var(--text-inverse-muted);font-size:var(--fs-13);letter-spacing:.01em;margin:0 0 20px;font-weight:500}.auth-story h2{max-width:15ch;color:var(--text-on-inverse);font-family:var(--font-body);letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(38px,3.8vw,52px);font-weight:500;line-height:1.08}.auth-story h2 span{color:var(--brand-200)}.auth-story-copy>p:last-child{max-width:38ch;color:var(--text-inverse-muted);font-size:var(--fs-15);margin:22px 0 0;line-height:1.75}.auth-story-scene{margin-top:36px;padding-bottom:35px;position:relative}.auth-story-photo{filter:grayscale();background:url(/styleguide/images/steady-at-home-2026.webp) 58% 42%/cover;border-radius:14px 52px 14px 14px;width:93%;height:232px}.auth-story-record{border:1px solid var(--border-subtle);background:var(--bg-raised);width:min(340px,94%);min-height:83px;color:var(--text-display);border-radius:12px;align-items:center;gap:13px;padding:17px 19px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 10px 24px #00000014}.auth-story-record-icon{background:var(--accent-soft-bg);width:37px;height:42px;color:var(--accent);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.auth-story-record strong{font-size:var(--fs-14);font-weight:600;display:block}.auth-story-record div>span{color:var(--text-secondary);margin-top:5px;font-size:11px;line-height:1.6;display:block}.auth-story-foot{color:var(--text-inverse-muted);font-size:var(--fs-12);margin:28px 0 0;line-height:1.6}.auth-frame-panel{place-items:center;min-width:0;padding:48px clamp(32px,4vw,64px);display:grid}.auth-shell--calm .auth-card{width:100%;max-width:416px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.auth-shell--calm .auth-brand{display:none}.auth-shell--calm .auth-title{font-family:var(--font-body);letter-spacing:-.045em;margin:0 0 13px;font-size:34px;font-weight:500;line-height:1.16}.auth-shell--calm .auth-sub{color:var(--text-secondary);font-size:var(--fs-15);margin-bottom:28px;line-height:1.65}.auth-shell--calm .auth-form{gap:19px}.auth-shell--calm .sc-label{font-size:var(--fs-13);margin-bottom:8px;font-weight:550}.auth-shell--calm :is(.sc-input,.sc-select){border-color:var(--border-default);background:var(--bg-raised);min-height:50px;font-size:var(--fs-15);border-radius:9px;padding:12px 15px}.auth-shell--calm .auth-form>.sc-btn{border-radius:var(--r-pill);min-height:50px;font-size:var(--fs-15);margin-top:3px;font-weight:550}.auth-shell--calm .auth-oauth{gap:10px}.auth-shell--calm .auth-oauth .sc-btn{border-radius:var(--r-pill);border-color:var(--border-default);background:var(--bg-raised);min-height:49px;color:var(--text-primary);font-size:var(--fs-14);font-weight:500}.auth-shell--calm .auth-oauth .sc-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.auth-shell--calm .auth-divider{font-size:var(--fs-12);margin:23px 0}.auth-shell--calm .auth-meta{font-size:var(--fs-14);gap:16px;margin-top:26px;padding-top:22px;line-height:1.6}.auth-shell--calm .auth-fineprint{font-size:var(--fs-12);line-height:1.7}@media (max-width:1000px) and (min-width:821px){.auth-frame{grid-template-columns:minmax(0,.9fr) minmax(380px,1fr)}.auth-story{padding:32px}.auth-story h2{font-size:38px}.auth-story-photo{height:210px}.auth-frame-panel{padding:40px 30px}}@media (max-width:820px){.auth-shell.auth-shell--calm{padding:0;display:block}.auth-frame{min-height:100svh;box-shadow:none;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.auth-story{min-height:190px;padding:24px max(24px,50vw - 260px)}.auth-story .auth-wordmark{font-size:20px}.auth-story-copy{margin:22px 0 0;padding:0 116px 0 0}.auth-story h2{letter-spacing:-.035em;max-width:17ch;font-size:25px;line-height:1.15}.auth-story h2 br{display:none}.auth-story h2 span{display:block}.auth-story-eyebrow,.auth-story-copy>p:last-child,.auth-story-record,.auth-story-foot{display:none}.auth-story-scene{width:100px;margin:0;padding:0;position:absolute;bottom:24px;right:max(24px,50vw - 260px)}.auth-story-photo{border-radius:10px 30px 10px 10px;width:100%;height:102px}.auth-frame-panel{padding:36px 24px 48px;display:block}.auth-shell--calm .auth-card{max-width:460px;margin:0 auto}.auth-shell--calm .auth-title{font-size:30px}}@media (prefers-reduced-motion:reduce){.auth-shell--calm *{scroll-behavior:auto}}@media (max-width:480px){.auth-shell--calm .auth-name-row{grid-template-columns:1fr}}