.auth{flex-direction:column;min-height:100svh;display:flex}.auth-bar{z-index:3;padding:1rem var(--s-pad);border-bottom:1px solid var(--s-line);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.auth-brand{color:var(--s-ink);border-radius:8px;display:inline-flex}.auth-brand .text-stone-900{color:var(--s-ink)}.auth-brand-text{font:700 20px/1 var(--s-tight);letter-spacing:-.03em;color:var(--s-ink)}.auth-bar-actions{align-items:center;gap:.75rem;display:flex}.auth-back{min-height:44px;font:500 14px/1 var(--s-tight);color:var(--s-ink-2);border-radius:8px;align-items:center;gap:.4rem;padding:0 .25rem;display:inline-flex}.auth-back:hover{color:var(--s-ink)}.auth .theme-toggle-btn{color:var(--s-ink-2);border-color:var(--s-line)}.auth .theme-toggle-btn:hover{color:var(--s-ink)}.auth-main{z-index:2;width:100%;max-width:1440px;padding:clamp(2.5rem, 7vh, 6rem) var(--s-pad);flex:1;grid-template:"head panel""aside panel"1fr/minmax(0,1.15fr) minmax(0,.85fr);align-content:center;gap:2.5rem clamp(2rem,6vw,7rem);margin:0 auto;display:grid;position:relative}.auth-main--center{grid-template-columns:1fr;grid-template-areas:none;align-content:center;place-items:center;display:grid}.auth-head{grid-area:head;align-self:end}.auth-panel{grid-area:panel;place-self:center end;width:100%;max-width:480px}.auth-aside{grid-area:aside;align-self:start}.auth-title{font:700 clamp(3rem, 7.4vw, 8rem) / .9 var(--s-tight);letter-spacing:-.05em;text-transform:uppercase;max-width:10ch;color:var(--s-ink)}.auth-title .site-accent-word{color:var(--s-accent);padding-right:.06em}.auth-lede{max-width:42ch;color:var(--s-ink-2);animation:auth-rise .9s var(--s-ease) .35s both;margin-top:1.75rem;font-size:1.0625rem;line-height:1.55}.auth-steps{border-top:1px solid var(--s-line-strong);max-width:34rem;animation:auth-rise .9s var(--s-ease) .5s both}.auth-steps li{border-bottom:1px solid var(--s-line);grid-template-columns:3rem 1fr;gap:.75rem;padding:1rem 0;display:grid}.auth-steps-num{font:500 12px/1.6 var(--s-tight);letter-spacing:.12em;color:var(--s-accent)}.auth-steps strong{font:600 15px/1.3 var(--s-tight);color:var(--s-ink);display:block}.auth-steps li>span:last-child>span{color:var(--s-mute);margin-top:.2rem;font-size:14px;display:block}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.auth-card{border:1px solid var(--s-line-strong);background:var(--s-card);animation:auth-rise .9s var(--s-ease) .2s both;border-radius:28px;padding:clamp(1.4rem,3vw,2.25rem);position:relative;box-shadow:0 40px 80px -50px #11111059}.dark .auth-card{box-shadow:0 40px 80px -40px #000c}.auth-card-head{margin-bottom:1.5rem}.auth-card-title{font:700 clamp(1.5rem, 2.4vw, 1.9rem) / 1.05 var(--s-tight);letter-spacing:-.035em;color:var(--s-ink)}.auth-card-sub{color:var(--s-mute);margin-top:.5rem;font-size:14px}.auth-inline-link{color:var(--s-accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--s-accent) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--s-accent) 35%, transparent);text-underline-offset:3px;border-radius:4px;font-weight:600;transition:text-decoration-color .3s}.auth-inline-link:hover{text-decoration-color:currentColor}.auth-inline-link--small{font-size:13px;font-weight:500}.auth-google,.auth-submit{width:100%;min-height:52px}.auth-google{gap:.75rem}.auth-google svg{box-sizing:content-box;background:#fff;border-radius:50%;flex-shrink:0;padding:2px}.auth-divider{font:500 11px/1 var(--s-tight);letter-spacing:.14em;text-transform:uppercase;color:var(--s-mute);align-items:center;gap:.9rem;margin:1.4rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--s-line-strong);flex:1;height:1px}.auth-form{gap:1.1rem;display:grid}.auth-field-row{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.45rem;display:flex}.auth-label{font:600 12px/1 var(--s-tight);letter-spacing:.1em;text-transform:uppercase;color:var(--s-ink-2)}.auth-input-wrap{position:relative}.auth-input{border:1px solid var(--s-line-strong);background:var(--s-bg);width:100%;min-height:52px;color:var(--s-ink);font:500 16px/1.2 var(--s-tight);transition:border-color .25s, box-shadow .35s var(--s-ease), background-color .25s;border-radius:14px;padding:.85rem 1rem}.auth-input::placeholder{color:var(--s-mute);opacity:.75}.auth-input:hover{border-color:var(--s-ink-2)}.site .auth-input:focus-visible,.auth-input:focus{border-color:var(--s-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--s-accent) 22%, transparent);outline:none}.auth-field.is-invalid .auth-input{border-color:var(--s-hot);box-shadow:0 0 0 4px color-mix(in srgb, var(--s-hot) 14%, transparent)}.auth-field.is-invalid .auth-input:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--s-hot) 32%, transparent)}.auth-input-wrap:has(.auth-reveal) .auth-input{padding-right:4.5rem}.auth-reveal{min-width:44px;min-height:40px;font:600 12px/1 var(--s-tight);letter-spacing:.06em;text-transform:uppercase;color:var(--s-ink-2);border-radius:10px;padding:0 .75rem;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.auth-reveal:hover{color:var(--s-ink);background:var(--s-bg-2)}.auth-hint{color:var(--s-mute);margin-top:.4rem;font-size:13px}.auth-error{font:500 13px/1.35 var(--s-tight);color:#c2410c;align-items:center;gap:.45rem;margin-top:.45rem;display:flex}.dark .auth-error{color:#ff8a65}.auth-error span{background:var(--s-hot);color:#111110;border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;font-size:11px;font-weight:800;display:inline-grid}.auth-alert{font:500 14px/1.4 var(--s-tight);border-radius:14px;padding:.8rem 1rem}.auth-alert--error{border:1px solid color-mix(in srgb, var(--s-hot) 55%, transparent);background:color-mix(in srgb, var(--s-hot) 10%, transparent);color:#9a3412}.dark .auth-alert--error{color:#ffb199}.auth-alert--ok{border:1px solid color-mix(in srgb, var(--s-accent) 45%, transparent);background:color-mix(in srgb, var(--s-accent) 10%, transparent);color:var(--s-ink)}.auth-legal{color:var(--s-mute);margin-top:1.25rem;font-size:12px;line-height:1.55}.auth-legal .auth-inline-link{color:var(--s-ink-2);-webkit-text-decoration-color:var(--s-line-strong);text-decoration-color:var(--s-line-strong);font-weight:500}.auth-sent{color:var(--s-ink-2);gap:1.1rem;font-size:15px;line-height:1.5;display:grid}.auth-sent strong{color:var(--s-ink);word-break:break-all}.auth-sent-icon{background:var(--s-lime);color:#111110;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.auth-loading{font:500 14px/1 var(--s-tight);color:var(--s-mute);align-items:center;gap:.8rem;display:flex}.auth-spinner{border:2px solid var(--s-line-strong);border-top-color:var(--s-accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite site-spin;display:inline-block}.auth-spinner--sm{border-color:color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;width:16px;height:16px}@keyframes site-spin{to{transform:rotate(360deg)}}.auth-foot{z-index:2;padding:1.1rem var(--s-pad);border-top:1px solid var(--s-line);font:500 12px/1 var(--s-tight);letter-spacing:.04em;color:var(--s-mute);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.auth-foot-links{gap:1.25rem;display:flex}.auth-foot-links a{padding:.5rem 0}@media (max-width:900px){.auth-main{grid-template:"head""panel""aside"/minmax(0,1fr);align-content:start;row-gap:2rem;padding-top:2rem;padding-bottom:3rem}.auth-panel{justify-self:stretch;max-width:none}.auth-title{max-width:none;font-size:clamp(2.6rem,12.5vw,5.5rem)}.auth-lede{margin-top:1.1rem;font-size:1rem}}@media (max-width:520px){.auth-back .site-roll{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.auth-back{justify-content:center;min-width:44px;font-size:18px}.auth-card{border-radius:22px}.auth-google,.auth-submit{white-space:normal;text-align:center}}@media (prefers-reduced-motion:reduce){.auth-lede,.auth-steps,.auth-card{animation:none}}
