.auth-shell{--auth-panel-transition:2s cubic-bezier(.45, 0, .55, 1);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.auth-shell{--auth-hero-width:100%;--auth-form-width:0%;background:var(--primary);flex-direction:row;height:100svh;min-height:100svh}.auth-shell[data-phase=walking],.auth-shell[data-phase=ready]{--auth-hero-width:52.5%;--auth-form-width:47.5%}}.auth-hero{box-sizing:border-box;color:var(--primary-foreground);background:radial-gradient(110% 80% at 0% 0%, #f5f1e92e, transparent 60%), radial-gradient(80% 60% at 100% 100%, #f5f1e91a, transparent 55%), linear-gradient(140deg, var(--primary) 0%, color-mix(in oklab, var(--primary) 80%, black) 100%);padding:3rem 3.5rem;display:none;position:relative}@media (min-width:1024px){.auth-hero{height:100%;min-height:0;width:var(--auth-hero-width);transition:width var(--auth-panel-transition);will-change:width;flex-direction:column;flex:none;justify-content:space-between;display:flex}}.auth-hero:before{content:"";pointer-events:none;background-image:radial-gradient(#f5f1e914 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.auth-hero-content{z-index:2;flex-direction:column;gap:1.25rem;max-width:30rem;display:flex;position:relative}.auth-hero-brand{align-items:center;line-height:0;display:inline-flex}.auth-hero-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#f5f1e9b3;font-size:.7rem}.auth-hero-title{letter-spacing:-.02em;font-size:clamp(1.75rem,2.4vw,2.5rem);font-weight:600;line-height:1.1}.auth-hero-subtitle{color:#f5f1e9c7;font-size:1rem;line-height:1.55}.auth-hero-pills{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.auth-hero-pill{color:#f5f1e9eb;background:#f5f1e91a;border:1px solid #f5f1e92e;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.78rem;display:inline-flex}.auth-hero-foot{z-index:2;color:#f5f1e98c;justify-content:space-between;align-items:center;font-size:.75rem;display:flex;position:relative}.stick-figure-wrap{aspect-ratio:220/360;color:#f5f1e9eb;pointer-events:none;z-index:5;opacity:0;width:auto;height:clamp(220px,56vh,360px);transition:opacity .24s ease-out, right var(--auth-panel-transition);display:none;position:absolute;bottom:2rem;right:1.5rem}@media (min-width:1024px){.stick-figure-wrap{display:block;right:2.5rem}.auth-shell[data-phase=walking] .stick-figure-wrap,.auth-shell[data-phase=ready] .stick-figure-wrap{right:calc(47.5% + 2.5rem)}}.stick-figure{width:100%;height:100%;overflow:visible}.auth-shell[data-phase=intro] .stick-figure-wrap,.auth-shell[data-phase=walking] .stick-figure-wrap,.auth-shell[data-phase=ready] .stick-figure-wrap{opacity:1}.stick-figure-wrap .sf-leg-left,.stick-figure-wrap .sf-leg-right{transform-origin:110px 220px}.stick-figure-wrap .sf-arm-pull,.stick-figure-wrap .sf-arm-rest{transform-origin:110px 148px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.auth-shell[data-phase=walking] .stick-figure-wrap .sf-leg-left{animation:.36s ease-in-out infinite sf-leg-cycle}.auth-shell[data-phase=walking] .stick-figure-wrap .sf-leg-right{animation:.36s ease-in-out infinite reverse sf-leg-cycle}.auth-shell[data-phase=walking] .stick-figure-wrap .sf-arm-rest{animation:.36s ease-in-out infinite sf-arm-walk}.auth-shell[data-phase=intro] .stick-figure-wrap .sf-arm-pull,.auth-shell[data-phase=walking] .stick-figure-wrap .sf-arm-pull{transform:rotate(-14deg)scaleX(1.22)}.auth-shell[data-phase=ready] .stick-figure-wrap .sf-arm-pull{transform:rotate(0)scaleX(1)}.auth-shell[data-phase=ready] .stick-figure-wrap .sf-body{transform-origin:110px 220px;animation:3.6s ease-in-out infinite sf-breathe}.stick-figure-wrap .sf-eyes{transition:transform 80ms linear}.stick-figure-wrap .sf-head{transition:transform .22s cubic-bezier(.22,1,.36,1)}.stick-figure-wrap .sf-mouth-happy{opacity:0;transition:opacity .2s ease-out}.stick-figure-wrap .sf-mouth-rest{opacity:1;transition:opacity .2s ease-out}.stick-figure-wrap.is-celebrating .sf-mouth-rest{opacity:0}.stick-figure-wrap.is-celebrating .sf-mouth-happy{opacity:1}.stick-figure-wrap.is-celebrating .sf-body{animation:.6s ease-in-out 3 sf-jump!important}.stick-figure-wrap.is-celebrating .sf-arm-pull{animation:.6s ease-in-out 3 sf-arm-cheer!important}.stick-figure-wrap.is-celebrating .sf-arm-rest{animation:.6s ease-in-out 3 sf-arm-cheer-mirror!important}.stick-figure-wrap.is-celebrating .sf-shadow{animation:.6s ease-in-out 3 sf-shadow-pulse!important}.sf-confetti{pointer-events:none;position:absolute;inset:0}.sf-confetti span{opacity:0;background:currentColor;border-radius:1px;width:6px;height:10px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.stick-figure-wrap.is-celebrating .sf-confetti span{animation:.9s ease-out forwards sf-confetti-pop;animation-delay:calc(var(--i,0) * 40ms)}@keyframes sf-leg-cycle{0%{transform:rotate(0)}25%{transform:rotate(22deg)}50%{transform:rotate(0)}75%{transform:rotate(-22deg)}to{transform:rotate(0)}}@keyframes sf-arm-walk{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes sf-breathe{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-1.5px)scaleY(1.005)}}@keyframes sf-jump{0%,to{transform:translateY(0)}35%{transform:translateY(-22px)}}@keyframes sf-arm-cheer{0%,to{transform:rotate(0)}35%{transform:rotate(-130deg)translate(-14px)}}@keyframes sf-arm-cheer-mirror{0%,to{transform:rotate(0)}35%{transform:rotate(140deg)translate(14px)}}@keyframes sf-shadow-pulse{0%,to{opacity:.18;transform:scale(1)}35%{opacity:.08;transform:scale(.7)}}@keyframes sf-confetti-pop{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + cos(calc(var(--i,0) * 36deg)) * 80px), calc(-50% + sin(calc(var(--i,0) * 36deg)) * 80px)) rotate(180deg)}}.auth-form-side{box-sizing:border-box;background:var(--background);flex-direction:column;justify-content:center;align-items:stretch;min-width:0;padding:2.5rem 1.5rem;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.auth-form-side{padding:3rem 2.5rem}}@media (min-width:1024px){.auth-form-side{height:100%;min-height:0;width:var(--auth-form-width);transition:width var(--auth-panel-transition), padding-inline var(--auth-panel-transition);will-change:width;flex:none;padding-inline:0;overflow:hidden auto}.auth-shell[data-phase=walking] .auth-form-side,.auth-shell[data-phase=ready] .auth-form-side{padding-inline:2.5rem}}.auth-form-card{flex-direction:column;gap:1.25rem;width:100%;max-width:26rem;margin:0 auto;display:flex}@media (min-width:1024px){.auth-form-card{opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);transform:translate(36px)}.auth-shell[data-phase=ready] .auth-form-card{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.auth-shell,.auth-shell .stick-figure-wrap,.auth-shell .stick-figure-wrap *,.auth-form-card{transition:none!important;animation:none!important}.auth-shell .stick-figure-wrap{opacity:1!important}.auth-form-card{opacity:1!important;transform:none!important}}
