.auth{--a-bg:#fff;--a-ink:#0a0a0b;--a-blue:#2337c6;--a-blue-wash:#eef0fb;--a-paper:#f6f7f9;--a-line:#0a0a0b1a;--a-line-strong:#0a0a0b38;--a-muted:#0a0a0b9e;--a-faint:#0a0a0b73;--a-bar:64px;--a-pad:clamp(32px, 6vh, 72px);background:var(--a-bg);min-height:100dvh;color:var(--a-ink);font-family:var(--font-body);flex-direction:column;display:flex;overflow:clip}.auth-bar{z-index:4;background:var(--a-bg);border-bottom:1px solid var(--a-line);flex:none;position:relative}.auth-bar-inner{width:100%;max-width:calc(var(--s-max) + 2 * var(--s-gutter));height:var(--a-bar);padding:0 var(--s-gutter);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.auth-logo{align-items:center;gap:10px;display:inline-flex}.auth-tile{object-fit:cover;width:28px;height:28px}.auth-wordmark{font-family:var(--font-display);letter-spacing:-.035em;font-size:17px;font-weight:600;line-height:1}.auth-wordmark-num{color:var(--a-muted)}.auth-back{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--a-ink);white-space:nowrap;opacity:.85;align-items:center;gap:10px;font-size:12px;font-weight:500;transition:opacity .15s;display:inline-flex}.auth-back-slash{color:var(--a-faint);transition:color .15s,translate .24s cubic-bezier(.22,1,.36,1)}.auth-back:hover{opacity:1}.auth-back:hover .auth-back-slash{color:var(--a-blue);translate:-3px}.auth-body{padding:var(--a-pad) calc(var(--s-gutter) - var(--h-pad));flex-direction:column;flex:1 0 auto;display:flex}.auth-frame{width:100%;max-width:calc(var(--s-max) + 2 * var(--h-pad));border-inline:1px solid var(--a-line);margin:0 auto;position:relative}.auth-frame:before,.auth-frame:after{content:"";border-inline:1px solid var(--a-line);pointer-events:none;height:100vh;position:absolute;left:-1px;right:-1px}.auth-frame:before{bottom:100%}.auth-frame:after{top:100%}.auth-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:relative}.auth-main:before,.auth-main:after{content:"";background:var(--a-line);pointer-events:none;height:1px;position:absolute;left:-100vw;right:-100vw}.auth-main:before{top:-1px}.auth-main:after{bottom:-1px}.auth-x{z-index:3;pointer-events:none;width:15px;height:15px;position:absolute;translate:-50% -50%}.auth-x:before,.auth-x:after{content:"";background:var(--a-line-strong);position:absolute}.auth-x:before{width:1px;height:100%;top:0;left:7px}.auth-x:after{width:100%;height:1px;top:7px;left:0}.auth-x[data-x=l]{left:-1px}.auth-x[data-x=m]{left:50%}.auth-x[data-x=r]{left:calc(100% + 1px)}.auth-x[data-y=t]{top:-1px}.auth-x[data-y=b]{top:calc(100% + 1px)}.auth-form-col{padding:clamp(24px, 5vh, 64px) var(--h-pad);border-right:1px solid var(--a-line);flex-direction:column;align-items:flex-start;animation:.7s cubic-bezier(.22,1,.36,1) both auth-fade;display:flex}.auth-form-inner{width:100%;max-width:420px}.auth-stack{flex-direction:column;display:flex}.auth-tabs{border-bottom:1px solid var(--a-line-strong);display:flex}.auth-tab{white-space:nowrap;height:36px;color:var(--a-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;margin-bottom:-1px;padding:0 14px;font-size:11px;transition:color .15s,background-color .15s;position:relative}.auth-tab:hover{color:var(--a-ink)}.auth-tab[data-on]{color:var(--a-blue);background:var(--a-bg);border-color:var(--a-line-strong)}.auth-tab[data-on]:after{content:"";background:var(--a-bg);height:1px;position:absolute;bottom:-1px;left:0;right:0}.auth-tab[data-on]:before{content:"";background:var(--a-blue);height:2px;position:absolute;top:-1px;left:-1px;right:-1px}.auth-form{flex-direction:column;display:flex}.auth-stack .auth-form,.auth-stack .auth-sent{margin-top:clamp(22px,3vh,32px)}.auth-headline{letter-spacing:-.045em;color:var(--a-ink);font-size:clamp(2rem,3vw,2.75rem);font-weight:500;line-height:1.02}.auth-copy{max-width:44ch;color:var(--a-muted);margin-top:12px;font-size:14px;line-height:1.6}.auth-label{color:var(--a-faint);margin-top:20px;font-size:11px}.auth-input{width:100%;height:48px;font-family:var(--font-mono);color:var(--a-ink);background:var(--a-bg);border:1px solid var(--a-line-strong);border-radius:0;outline:none;margin-top:8px;padding:0 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}@media (min-width:861px){.auth-input{font-size:14px}}.auth-input::placeholder{color:#0a0a0b4d}.auth-input:hover{border-color:#0a0a0b66}.auth-input:focus{border-color:var(--a-blue);box-shadow:inset 0 0 0 1px var(--a-blue)}.auth-pw{margin-top:8px;display:flex;position:relative}.auth-pw .auth-input{margin-top:0;padding-right:76px}.auth-input-pw{letter-spacing:.08em}.auth-pw-toggle{width:64px;color:var(--a-faint);background:var(--a-bg);border:0;border-left:1px solid var(--a-line);cursor:pointer;font-size:10.5px;transition:color .15s;position:absolute;top:1px;bottom:1px;right:1px}.auth-pw-toggle:hover,.auth-pw-toggle[aria-pressed=true]{color:var(--a-blue)}.auth-input:focus+.auth-pw-toggle{top:2px;bottom:2px;right:2px}.auth-hint{color:var(--a-faint);margin-top:6px;font-size:12px;line-height:1.5}.auth-error{color:var(--a-blue);background:var(--a-blue-wash);border:1px solid #2337c640;gap:10px;margin-top:16px;padding:10px 12px;font-size:11px;line-height:1.55;display:flex}.auth-error:before{content:"!";flex:none}.auth-submit{width:100%;height:50px;font-family:var(--font-body);color:#fff;background:var(--a-blue);border:1px solid var(--a-blue);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:0 20px;font-size:14.5px;font-weight:500;transition:background-color .15s,border-color .15s;display:flex}.auth-submit:hover:not(:disabled){background:var(--a-ink);border-color:var(--a-ink)}.auth-submit:disabled{opacity:.6;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-alt{border-top:1px solid var(--a-line);text-wrap:pretty;color:var(--a-muted);margin-top:20px;padding-top:16px;font-size:13px;line-height:1.6}.auth-note{max-width:52ch;color:var(--a-faint);margin-top:10px;font-size:12px;line-height:1.55}.auth-inline-link{color:var(--a-blue);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px;transition:text-decoration-color .15s}.auth-inline-link:hover{text-decoration-thickness:2px}.auth-switch{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.auth-sent{border-top:1px solid var(--a-line-strong);border-bottom:1px solid var(--a-line-strong);padding:20px 0 20px 22px;position:relative}.auth-sent:before{content:">";font-family:var(--font-mono);color:var(--a-blue);font-size:12px;line-height:1.4;position:absolute;top:20px;left:0}.auth-sent strong{color:var(--a-ink);overflow-wrap:anywhere;font-weight:500}.auth-sent .auth-alt{border-top:0;padding-top:0}.auth-visual{background-color:var(--a-paper);background-image:radial-gradient(#0a0a0b17 1px,#0000 1px);background-size:14px 14px;position:relative}.auth-globe{animation:.9s cubic-bezier(.22,1,.36,1) .15s both auth-fade;position:absolute;inset:0}.auth a:focus-visible,.auth button:focus-visible{outline:2px solid var(--a-blue);outline-offset:3px}@keyframes auth-fade{0%{opacity:0;transform:translateY(14px)}}@media (min-width:861px){.auth{--a-pad:clamp(12px, 4vh, 56px);height:100dvh;min-height:0}.auth-body{flex:auto;min-height:0}.auth-frame{flex-direction:column;flex:auto;min-height:0;display:flex}.auth-main{flex:auto;grid-template-rows:minmax(0,1fr);min-height:0}.auth-form-col{overscroll-behavior:contain;scrollbar-width:none;min-height:0;padding-block:clamp(12px,3vh,56px);overflow-y:auto}.auth-form-col::-webkit-scrollbar{display:none}.auth-form-inner{margin-block:auto}.auth-visual{min-height:0}.auth-tab{height:clamp(28px,5vh,36px)}.auth-stack .auth-form,.auth-stack .auth-sent{margin-top:clamp(10px,2.6vh,32px)}.auth-headline{font-size:clamp(1.5rem,min(3vw,5.4vh),2.75rem)}.auth-label{margin-top:clamp(8px,2vh,20px)}.auth-input{height:clamp(38px,6vh,48px);margin-top:6px}.auth-pw{margin-top:6px}.auth-submit{height:clamp(40px,6.6vh,50px);margin-top:clamp(12px,2.8vh,24px)}.auth-alt{margin-top:clamp(10px,2.4vh,20px);padding-top:clamp(8px,2vh,16px)}}@media (max-width:860px){.auth-body{padding-top:0}.auth-main{grid-template-columns:minmax(0,1fr)}.auth-visual,.auth-x[data-x=m],.auth-main:before,.auth-main>.auth-x[data-y=t]{display:none}.auth-form-col{border-right:0;min-height:0;padding-top:32px;padding-bottom:48px}.auth-form-inner{max-width:480px}}@media (max-width:560px){.auth-bar-inner{padding:0 var(--h-pad)}.auth-frame{border-inline-color:#0000}.auth-main:after,.auth-frame:before,.auth-frame:after,.auth-x{display:none}.auth-back{gap:8px;font-size:11px}.auth-wordmark{font-size:16px}.auth-headline{font-size:2rem}.auth-tab{letter-spacing:.04em;flex:1 1 0;padding:0 6px;font-size:10.5px}}@media (prefers-reduced-motion:reduce){.auth-form-col,.auth-globe{animation:none}}
