@layer components{.auth-shell{background:var(--sb-paper);grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-height:100dvh;display:grid}.auth-shell__form{background:var(--sb-paper);flex-direction:column;justify-content:center;padding:clamp(32px,6vw,80px) clamp(24px,6vw,80px);display:flex}.auth-shell__form-inner{flex-direction:column;gap:clamp(32px,5vw,48px);width:100%;max-width:440px;margin:0 auto;display:flex}.auth-shell__promo{background:linear-gradient(to right,var(--sb-paper)0px,var(--sb-chartreuse)64px,var(--sb-chartreuse)100%);color:var(--sb-ink);flex-direction:column;justify-content:center;align-items:center;padding:clamp(32px,6vw,80px);display:flex;position:relative;overflow:hidden}@media (max-width:900px){.auth-shell{grid-template-columns:1fr;min-height:0}.auth-shell__form{padding:clamp(32px,8vw,64px) clamp(24px,6vw,40px)}.auth-shell__promo{background:var(--sb-chartreuse);padding:clamp(48px,10vw,80px) clamp(24px,6vw,40px)}}@media (max-width:600px){.auth-shell__promo{display:none}}}
@layer components{.auth-divider{color:var(--sb-ink-50);align-items:center;gap:12px;margin:4px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--sb-border);flex:1;height:1px}.auth-divider__text{font-family:var(--sb-font-sans);color:var(--sb-ink-50);font-size:13px}}
@layer components{.auth-success{background:var(--sb-paper);border:1px solid var(--sb-border);border-radius:var(--sb-r-md);box-shadow:var(--sb-shadow-sm);flex-direction:column;align-items:flex-start;gap:12px;padding:28px;display:flex}.auth-success__badge{background:var(--sb-chartreuse);width:40px;height:40px;color:var(--sb-ink);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.auth-success__title{font-family:var(--sb-font-sans);color:var(--sb-ink);letter-spacing:-.01em;outline:none;margin:0;font-size:22px;font-weight:700;line-height:1.2}.auth-success__title:focus-visible{outline:2px solid var(--sb-ink);outline-offset:4px;border-radius:4px}.auth-success__text{font-family:var(--sb-font-sans);color:var(--sb-ink-70);margin:0;font-size:15px;line-height:1.5}}
@layer components{.auth-form-wrap{flex-direction:column;gap:28px;width:100%;max-width:440px;margin:0 auto;display:flex}.auth-form-header{flex-direction:column;gap:10px;display:flex}.auth-form-title{font-family:var(--sb-font-sans);letter-spacing:-.02em;color:var(--sb-ink);margin:0;font-size:clamp(22px,3.4vw,32px);font-weight:700;line-height:1.1}.auth-form-subtitle{font-family:var(--sb-font-sans);color:var(--sb-ink-70);margin:0;font-size:15px;line-height:1.5}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form-banner{color:var(--sb-ink-90);border-radius:var(--sb-r-md);background:#ff6b4a14;border:1px solid #ff6b4a52;padding:12px 14px;font-size:14px;line-height:1.45}.auth-consent{font-family:var(--sb-font-sans);color:var(--sb-ink-70);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.auth-consent input[type=checkbox]{accent-color:var(--sb-chartreuse);cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:3px}.auth-consent input[type=checkbox]:focus-visible{outline:2px solid var(--sb-ink);outline-offset:2px;border-radius:2px}.auth-consent a{color:var(--sb-ink-90);text-underline-offset:2px;text-decoration:underline}.auth-consent a:hover{color:var(--sb-ink)}.auth-consent a:focus-visible{outline:2px solid var(--sb-ink);outline-offset:2px;border-radius:2px}.auth-consent-error{color:var(--sb-red);margin:-8px 0 0;font-size:13px;line-height:1.4}.auth-forgot{color:var(--sb-ink-70);font-family:var(--sb-font-sans);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.auth-forgot:hover{color:var(--sb-ink)}.auth-forgot:focus-visible{outline:2px solid var(--sb-ink);outline-offset:2px;border-radius:2px}.auth-forgot-note{min-height:1em;color:var(--sb-ink-70);text-align:left;opacity:0;transition:opacity var(--sb-dur-base)var(--sb-ease-out);margin:-8px 0 0;font-size:13px}.auth-forgot-note--visible{opacity:1}.auth-altlink{font-family:var(--sb-font-sans);color:var(--sb-ink-70);text-align:center;margin:12px 0 0;font-size:14px;line-height:1.5}.auth-altlink__link{color:var(--sb-ink);text-underline-offset:2px;font-weight:600;text-decoration:underline}.auth-altlink__link:hover{color:var(--sb-ink-90)}.auth-altlink__link:focus-visible{outline:2px solid var(--sb-ink);outline-offset:2px;border-radius:2px}}