.auth-shell{grid-template:"head head"88px"story form"minmax(620px,auto)/minmax(0,1.16fr) minmax(420px,.84fr);min-height:100dvh;display:grid}.auth-head{justify-content:space-between;align-items:center;gap:var(--s-6);border-bottom:1px solid var(--line);grid-area:head;padding-inline:clamp(24px,4vw,64px);display:flex}.auth-head__meta{align-items:center;gap:var(--s-4);display:flex}.auth-head__version{color:var(--text-4);font-variant-numeric:tabular-nums;font-size:12px;font-weight:620}.auth-story{flex-direction:column;grid-area:story;justify-content:center;min-width:0;padding:clamp(48px,7vw,104px);display:flex}.auth-story h1{letter-spacing:-.045em;text-wrap:balance;max-width:12ch;font-size:clamp(44px,5vw,70px);font-weight:720;line-height:1.06}.auth-story>p{max-width:54ch;margin-top:var(--s-6);color:var(--text-3);font-size:16px;line-height:1.85}.workflow{gap:var(--s-5);grid-template-columns:repeat(4,minmax(90px,1fr));width:min(660px,100%);margin-top:clamp(40px,6vw,72px);display:grid;position:relative}.workflow__line{background:var(--line-strong);height:1px;position:absolute;top:12px;left:8%;right:8%}.workflow__sweep{border-radius:var(--r-pill);background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:20%;height:3px;animation:6.5s cubic-bezier(.16,1,.3,1) infinite signal-run;position:absolute;top:11px;left:6%}@keyframes signal-run{0%,18%{opacity:0;transform:translate(0)}28%{opacity:1}72%{opacity:1}84%,to{opacity:0;transform:translate(360%)}}.workflow__step{justify-items:start;gap:var(--s-4);min-width:0;display:grid;position:relative}.workflow__step:before{content:"";border:6px solid var(--bg);border-radius:var(--r-pill);background:var(--brand);width:24px;height:24px;box-shadow:0 0 0 1px var(--line-strong)}.workflow__step>span{color:var(--text-disabled);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.workflow__step strong{color:var(--text-1);white-space:nowrap;margin-top:-10px;font-size:13px;font-weight:620}.auth-story .local-promise{margin-top:clamp(28px,4vw,44px)}.auth-region{min-width:0;padding:var(--s-12) clamp(28px, 5vw, 72px);grid-area:form;place-items:center;display:grid}.auth-panel{border:1px solid var(--line);border-radius:var(--r-2xl);background:var(--surface);width:min(100%,468px);box-shadow:var(--sh-xl);padding:clamp(30px,4vw,44px)}.auth-mark{width:56px;height:56px;margin-bottom:var(--s-6);border:1px solid var(--line-brand);border-radius:var(--r-2xl);background:var(--surface-raised);box-shadow:var(--sh-glow);place-items:center;display:grid}.auth-mark img{width:auto;height:44px}.auth-panel h2{letter-spacing:-.035em;font-size:clamp(26px,3vw,32px);font-weight:710;line-height:1.15}.auth-panel .auth-desc{margin-top:var(--s-3);color:var(--text-3);font-size:14px;line-height:1.7}.auth-panel .segmented{margin-block:var(--s-6)}.auth-foot{margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--line);color:var(--text-4);align-items:flex-start;gap:10px;font-size:12px;line-height:1.65;display:flex}.auth-foot svg{flex:none;width:16px;height:16px;margin-top:2px}.forgot-row{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);display:flex}.auth-panel [hidden]{display:none!important}.only-register{display:none}#mode-register:checked~.auth-body .only-register{display:block}#mode-register:checked~.auth-body .only-login{display:none}#mode-register:checked~.auth-body .field.only-register{display:grid}#mode-login:checked~.auth-body .segmented label[for=mode-login],#mode-register:checked~.auth-body .segmented label[for=mode-register]{background:var(--surface-raised);color:var(--text-1);box-shadow:var(--sh-sm)}#mode-login:focus-visible~.auth-body .segmented label[for=mode-login],#mode-register:focus-visible~.auth-body .segmented label[for=mode-register]{outline:2px solid var(--brand-dark-fg);outline-offset:2px}@media (max-width:1100px) and (min-width:881px){.auth-shell{grid-template-columns:minmax(0,1fr) minmax(400px,.92fr)}.auth-story{padding-inline:var(--s-10)}.auth-region{padding-inline:var(--s-5)}}@media (max-width:880px){.auth-shell{grid-template:"head"72px"form"minmax(560px,auto)/minmax(0,1fr)}.auth-story{display:none}.auth-region{padding:var(--s-8) var(--s-4)}}@media (max-width:480px){.auth-panel{padding:var(--s-6) var(--s-5)}.auth-head{padding-inline:var(--s-4)}.auth-head__version{display:none}}