.auth-page .auth-art{isolation:isolate;min-height:100dvh}.auth-page .auth-art:after{content:none;pointer-events:none}.login-showcase{z-index:0;background:var(--sidebar);position:absolute;inset:0;overflow:hidden}.showcase-reserve,.showcase-scene,.showcase-scene img,.showcase-scene video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.showcase-scene{opacity:1;transition:opacity 1.2s ease-in-out}.showcase-scene[data-incoming=true]{z-index:1}.showcase-scene[data-visible=false]{opacity:0}.showcase-scene img{transform:scale(1.025)}.login-showcase[data-moving=true] .showcase-scene[data-visible=true][data-kind=image] img{animation:9s linear both showcase-camera}.login-showcase[data-moving=false] .showcase-scene img{animation-play-state:paused}.showcase-color,.showcase-shade,.showcase-geometry{pointer-events:none;z-index:2;position:absolute;inset:0}.showcase-color{background:var(--login-media-tint);mix-blend-mode:color}.showcase-shade{background:var(--login-media-shade)}.showcase-geometry{background:linear-gradient(145deg,transparent 64%,var(--login-geometry) 64%,transparent 87%)}.auth-page .auth-brand,.auth-page .auth-art-content,.auth-page .auth-art-foot{z-index:1;pointer-events:none}.auth-page .auth-art-content{max-width:360px}.auth-page .auth-art h2{text-shadow:var(--login-copy-shadow);font-size:30px;font-weight:550;line-height:1.5}.auth-page .auth-art-foot{flex-wrap:wrap;gap:18px;padding-bottom:32px}.showcase-position{z-index:3;gap:6px;display:flex;position:absolute;bottom:43px;left:46px}.showcase-position span{background:var(--login-control-edge);width:14px;height:3px;transition:background .5s,width .5s}.showcase-position span[data-active=true]{background:var(--brand-bright);width:28px}@keyframes showcase-camera{0%{transform:scale(1.025)translate(-.5%)}to{transform:scale(1.09)translate(.5%,-.5%)}}@media (width<=1000px){.auth-page .auth-art h2{font-size:25px}.showcase-position{left:32px}}@media (width<=760px){.auth-page .auth-art{height:260px;min-height:260px;padding:24px;display:flex}.auth-page .auth-brand .brand-login{flex-direction:row;align-items:center;gap:12px}.auth-page .auth-brand .brand-login .brand-vector{width:30px;height:36px}.auth-page .auth-brand .brand-login .brand-word{font-size:22px}.auth-page .auth-brand:after{margin-top:8px;font-size:8px}.auth-page .auth-art-content{max-width:none;margin:12px 0 20px}.auth-page .auth-art h2{margin:0;font-size:18px;line-height:1.4}.auth-page .auth-art h2 br,.auth-page .auth-art-foot{display:none}.showcase-position{bottom:20px;left:24px}.auth-page .auth-form-side{min-height:0;padding:30px 24px}}@media (prefers-reduced-motion:reduce){.showcase-scene,.showcase-position span{transition:none}.showcase-scene img{transform:none;animation:none!important}}.auth-form-side:has(.login-reference){--login-edge:color-mix(in oklab, var(--primary) 32%, var(--card));--login-shadow:color-mix(in oklab, var(--sidebar) 22%, transparent);--login-ribbon:linear-gradient(90deg, transparent, var(--accent) 30%, var(--accent) 70%, transparent);background:var(--background)}.auth-form.login-reference{max-width:440px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:24px 0}.login-welcome{margin-bottom:32px}.login-reference .login-welcome h1{text-align:left;text-transform:none;background:0 0;width:100%;margin:0;padding:0;font-size:31px;font-weight:650;line-height:1.3;animation:.65s ease-out both login-arrive}.login-welcome h1 span{background:var(--login-heading-fill);color:#0000;filter:drop-shadow(0 3px 7px var(--login-edge));-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:750;display:block}.login-welcome p{max-width:360px;color:var(--muted-foreground);margin-top:12px;font-size:13px;line-height:1.7;animation:.65s ease-out .15s both login-arrive}.login-welcome-line{background:var(--login-line-fill);width:56px;height:4px;box-shadow:0 3px 14px var(--login-edge);border-radius:2px;margin-bottom:22px;display:block;position:relative;overflow:hidden}.login-welcome-line:after{content:"";background:linear-gradient(100deg,transparent,var(--card),transparent);animation:1.2s ease-out .35s both login-reflection;position:absolute;inset:0}.login-reference form{gap:22px}.login-reference .login-row{grid-template-columns:minmax(115px,.82fr) minmax(0,1.18fr);align-items:center;gap:16px;display:grid}.login-reference .login-label{height:44px;color:var(--primary-foreground);filter:drop-shadow(0 5px 4px var(--login-shadow));isolation:isolate;align-items:center;gap:10px;padding:0 24px 0 12px;font-size:14px;font-weight:400;display:flex;position:relative}.login-reference .login-label:before,.login-reference .login-label:after{content:"";z-index:-1;clip-path:polygon(0 0,100% 0,79% 100%,0 100%);position:absolute;inset:0}.login-reference .login-label:before{background:var(--login-edge)}.login-reference .login-label:after{background:linear-gradient(135deg,var(--primary),var(--sidebar));inset:2px}.login-reference .login-label svg{flex-shrink:0;width:17px;height:17px}.login-reference .login-input{border:1px solid var(--border);background:var(--card);width:100%;min-width:0;height:46px;color:var(--foreground);box-shadow:var(--login-field-shadow);border-radius:8px;outline:none;padding:0 13px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-reference .login-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent)}.login-reference .login-options{color:var(--foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:3px 0 12px;font-size:11px;display:flex}.login-reference .login-options label{cursor:pointer;align-items:center;gap:7px;display:flex}.login-reference .login-options input{accent-color:var(--primary);width:15px;height:15px}.login-reference .login-options button{height:auto;color:var(--foreground);padding:0;font-size:11px}.login-reference .login-submit{text-transform:uppercase;align-self:center;width:100%;height:48px;font-size:15px;font-weight:600;position:relative}.login-reference .login-submit:hover{background:var(--accent)}.login-reference .login-feedback{text-align:center;color:var(--muted-foreground);font-size:12px;line-height:1.7}.login-reference .login-footer{text-align:center;color:var(--muted-foreground);margin-top:28px;font-size:12px}.login-reference .login-footer button{font-size:11px}@media (width<=1000px){.auth-form.login-reference{max-width:390px}.login-reference .login-row{grid-template-columns:minmax(105px,.82fr) minmax(0,1.18fr);gap:12px}.login-reference .login-label{gap:7px;padding-left:10px;font-size:12px}.login-reference h1{font-size:24px}}@media (width<=380px){.login-reference .login-row{grid-template-columns:100px minmax(0,1fr);gap:9px}.login-reference h1{font-size:22px}}.login-reference .login-submit.fx-glossy{border:1px solid color-mix(in oklab,var(--neon) 60%,transparent);background:linear-gradient(180deg,var(--emerald) 0%,var(--emerald-deep) 100%);color:var(--primary-foreground);box-shadow:inset 0 1px 0 oklab(100% 0 5.96046e-8/.45),inset 0 -3px 6px oklab(0% none none/.25),0 4px 0 color-mix(in oklab,var(--emerald-deep) 80%,black),0 10px 22px -6px var(--neon-soft);border-radius:12px;font-weight:600}.login-reference .login-submit.fx-glossy:hover{background:linear-gradient(180deg,var(--emerald) 0%,var(--emerald-deep) 100%)}.login-reference .login-submit.fx-glossy:after{width:40%;height:auto;box-shadow:none;background:linear-gradient(100deg,#0000,oklab(100% 0 5.96046e-8/.4),#0000);inset:0 auto 0 -60%}@keyframes login-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes login-reflection{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=1000px){.login-reference .login-welcome h1{font-size:27px}.login-welcome h1 span{font-size:30px}}@media (width<=760px){.login-welcome{margin-bottom:26px}.login-welcome-line{margin-bottom:16px}.login-reference .login-welcome h1{font-size:25px}.login-welcome h1 span{font-size:30px}}@media (prefers-reduced-motion:reduce){.login-welcome h1,.login-welcome p,.login-welcome-line:after{animation:none!important}.login-reference .login-input{transition:none}}