.auth{--ink:#0a0a0b;--blue:#2337c6;--paper:#fafafb;height:100dvh;color:var(--ink);background:#fff;flex:none;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid;overflow:hidden}.auth-panel{background:var(--blue);color:#fff;border-right:2px solid var(--ink);flex-direction:column;justify-content:space-between;gap:20px;height:100%;min-height:0;padding:clamp(22px,4.5vh,44px) clamp(24px,3vw,44px);display:flex;overflow-y:auto}.auth-mark{align-items:center;gap:12px;width:fit-content;display:inline-flex}.auth-mark-tile{border:2px solid #fff;width:clamp(30px,4.5vh,36px);height:auto;display:block}.auth-wordmark{font-family:var(--font-display);letter-spacing:-.04em;color:#fff;font-size:clamp(15px,2.4vh,18px);font-weight:800}.auth-wordmark-num{font-family:var(--font-mono);letter-spacing:.04em;font-size:.72em;font-weight:400}.auth-panel-kicker{color:#ffffffb8;font-size:10px}.auth-panel-headline{text-transform:uppercase;letter-spacing:-.035em;margin-top:clamp(8px,1.4vh,14px);font-size:clamp(1.9rem,min(3.6vw,7vh),3.5rem);font-weight:900;line-height:.9}.auth-panel-list{border-top:2px solid #ffffff57;margin-top:clamp(16px,3vh,32px);list-style:none}.auth-panel-item{font-family:var(--font-body);color:#ffffffe0;border-bottom:2px solid #ffffff57;padding:clamp(7px,1.4vh,12px) 0;font-size:clamp(12.5px,1.9vh,14px);line-height:1.4}.auth-panel-foot{color:#fff9;font-size:10px}.auth-form-side{flex-direction:column;justify-content:center;gap:clamp(10px,2vh,24px);height:100%;min-height:0;padding:clamp(16px,3.4vh,44px) clamp(24px,5vw,88px);display:flex;overflow-y:auto}.auth-form-inner{width:100%;max-width:400px}.auth-kicker{color:var(--blue);font-size:10px}.auth-headline{letter-spacing:-.04em;margin-top:clamp(4px,.9vh,8px);font-size:clamp(1.4rem,min(2.4vw,4.4vh),2.1rem);font-weight:800;line-height:1.02}.auth-copy{max-width:46ch;font-family:var(--font-body);color:color-mix(in srgb, var(--ink) 70%, transparent);margin-top:clamp(4px,1vh,10px);font-size:clamp(12.5px,1.9vh,14px);line-height:1.45}.auth-form{flex-direction:column;display:flex}.auth-label{color:color-mix(in srgb, var(--ink) 52%, transparent);margin-top:clamp(10px,2.2vh,22px);font-size:9.5px}.auth-input{width:100%;font-family:var(--font-mono);color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:0;outline:none;margin-top:clamp(5px,.9vh,8px);padding:clamp(8px,1.5vh,12px) 14px;font-size:13px;transition:box-shadow .16s,translate .16s}.auth-input::placeholder{color:color-mix(in srgb, var(--ink) 34%, transparent)}.auth-input:focus{box-shadow:4px 4px 0 var(--blue);translate:-1px -1px}.auth-error{color:var(--blue);margin-top:12px;font-size:10.5px;line-height:1.5}.auth-submit{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#fff;background:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--blue);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(14px,2.4vh,22px);padding:clamp(10px,1.7vh,14px) 20px;font-size:11px;transition:background-color .2s,color .2s,box-shadow .16s,translate .16s;display:inline-flex}.auth-submit:hover:not(:disabled){color:var(--ink);background:#fff}.auth-submit:active:not(:disabled){box-shadow:2px 2px 0 var(--blue);translate:3px 3px}.auth-submit:disabled{opacity:.55;cursor:progress}.auth-submit-arrow{transition:translate .24s cubic-bezier(.22,1,.36,1)}.auth-submit:hover:not(:disabled) .auth-submit-arrow{translate:4px}.auth-note{max-width:52ch;font-family:var(--font-body);color:color-mix(in srgb, var(--ink) 48%, transparent);margin-top:clamp(6px,1.2vh,12px);font-size:11.5px;line-height:1.45}.auth-inline-link,.auth-back-link{color:var(--blue);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:2px}.auth-back{font-size:10px}.auth-sent{border-left:2px solid var(--blue);padding-left:18px}.auth-sent strong{font-family:var(--font-mono);color:var(--ink);font-weight:400}@media (max-width:900px){.auth{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.auth-panel{border-right:0;border-bottom:2px solid var(--ink);gap:16px;height:auto}.auth-panel-list{display:none}.auth-form-side{justify-content:flex-start;padding:clamp(20px,6vw,40px)}.auth-form-inner{max-width:none}}.auth-stack{flex-direction:column;display:flex}.auth-tabs{border-bottom:2px solid var(--ink);gap:clamp(20px,2.4vw,32px);display:flex}.auth-tab{color:color-mix(in srgb, var(--ink) 48%, transparent);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-2px;padding:0 0 clamp(8px,1.4vh,12px);font-size:10px;transition:color .16s,border-color .16s}.auth-tab:hover{color:var(--ink)}.auth-tab[data-on]{color:var(--blue);border-bottom-color:var(--blue)}.auth-pw{display:flex;position:relative}.auth-input-pw{letter-spacing:.08em;padding-right:68px}.auth-pw-toggle{color:color-mix(in srgb, var(--ink) 52%, transparent);cursor:pointer;background:#fff;border:0;padding:6px 12px;font-size:9.5px;transition:color .16s;position:absolute;top:50%;right:2px;translate:0 -50%}.auth-pw-toggle:hover,.auth-pw-toggle[aria-pressed=true]{color:var(--blue)}.auth-hint{font-family:var(--font-body);color:color-mix(in srgb, var(--ink) 46%, transparent);margin-top:5px;font-size:11.5px;line-height:1.45}.auth-alt{font-family:var(--font-body);color:color-mix(in srgb, var(--ink) 62%, transparent);margin-top:clamp(10px,1.8vh,16px);font-size:12.5px;line-height:1.45}.auth-switch{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.auth-note .auth-switch{font-size:inherit}.auth-stack .auth-form,.auth-stack .auth-sent{margin-top:clamp(14px,2.8vh,28px)}.auth-pw{margin-top:clamp(5px,.9vh,8px)}.auth-pw .auth-input{margin-top:0}
