.scene-build{transform-box:fill-box;transform-origin:50% 100%;animation:scene-rise var(--dur-slow) var(--ease-spring) backwards;animation-delay:calc(var(--i,0) * var(--stagger) * 2)}.scene-lit{animation:scene-fade var(--dur-base) var(--ease-out) backwards;animation-delay:calc(var(--dur-slow) * 2 + var(--w,0) * var(--stagger) * 3)}.scene-key{transform-box:fill-box;transform-origin:50% 0;will-change:transform;animation:scene-swing var(--loop-short) var(--ease-in-out) infinite alternate}.scene-cloud{will-change:transform;animation:scene-drift var(--loop-long) var(--ease-in-out) infinite alternate}.scene-card{animation:scene-card-in var(--dur-slow) var(--ease-spring) backwards;animation-delay:calc(var(--dur-slow) * 2 + var(--i,0) * var(--dur-slow))}.scene-float{will-change:transform;animation:scene-float var(--loop-short) var(--ease-in-out) infinite alternate}.scene-card:nth-child(2) .scene-float{animation-duration:var(--loop-mid)}.scene-card:nth-child(3) .scene-float{animation-duration:var(--loop-long)}.scene-tagline{display:grid}.scene-tagline>span{opacity:0;animation:scene-tag calc(var(--loop-short) * 2) var(--ease-in-out) infinite;grid-area:1/1}.scene-tagline>span:first-child{opacity:1;animation-name:scene-tag-first}.scene-tagline>span:nth-child(2){animation-delay:calc(var(--loop-short) * 2 / 3)}.scene-tagline>span:nth-child(3){animation-delay:calc(var(--loop-short) * 4 / 3)}.auth-scene[data-idle] *{animation-play-state:paused!important}.auth-scene[data-static] *{animation:none!important}@keyframes scene-rise{0%{opacity:0;transform:translateY(100%)}40%{opacity:1}to{transform:none}}@keyframes scene-fade{0%{opacity:0}}@keyframes scene-swing{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}@keyframes scene-drift{0%{transform:translate(0)}to{transform:translate(48px)}}@keyframes scene-card-in{0%{opacity:0;transform:translateY(16px)scale(.96)}}@keyframes scene-float{0%{transform:translateY(-4px)}to{transform:translateY(6px)}}@keyframes scene-tag-first{0%,30%{opacity:1}34%,96%{opacity:0}to{opacity:1}}@keyframes scene-tag{0%{opacity:0}3%,30%{opacity:1}34%,to{opacity:0}}.auth-enter{animation:auth-in var(--dur-enter) var(--ease-out) backwards;animation-delay:calc(var(--i,0) * var(--stagger))}.auth-main{transition:opacity var(--dur-base) var(--ease-out)}.auth-main[data-leaving]{opacity:.5}@keyframes auth-in{0%{opacity:0;transform:translateY(12px)}}.float-field{position:relative}.float-field input{z-index:1;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);width:100%;height:3.5rem;color:var(--text);padding:1.375rem 1rem .375rem;font-size:1rem;position:relative}.float-field input:focus-visible{border-color:var(--brand-600);outline:none}.float-field[data-password] input{padding-right:3.25rem}.float-field label{z-index:2;color:var(--text-muted);transform-origin:0 0;transition:transform var(--dur-fast) var(--ease-out);font-size:1rem;line-height:1.5rem;position:absolute;top:1rem;left:1rem}.float-field input:focus+label,.float-field input:not(:placeholder-shown)+label{transform:translateY(-.625rem)scale(.78)}.float-field input:autofill+label{transform:translateY(-.625rem)scale(.78)}.float-field:after{content:"";z-index:0;border:2px solid var(--brand-600);border-radius:calc(var(--radius-control) + 4px);opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);position:absolute;inset:-4px;transform:scale(.97)}.float-field:focus-within:after{opacity:1;transform:none}.float-field[data-invalid] input,.float-field[data-invalid]:after{border-color:var(--danger)}.auth-shake{animation:auth-shake var(--dur-base) var(--ease-out)}@keyframes auth-shake{0%,to{transform:none}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.eye-toggle{z-index:2;border-radius:var(--radius-control);width:2.75rem;height:2.75rem;min-height:2.75rem;color:var(--text-muted);place-items:center;display:grid;position:absolute;top:50%;right:.375rem;transform:translateY(-50%)}.eye-toggle svg{transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);grid-area:1/1}.eye-toggle .eye-hide,.eye-toggle[aria-pressed=true] .eye-show{opacity:0;transform:scale(.6)rotate(-20deg)}.eye-toggle[aria-pressed=true] .eye-hide{opacity:1;transform:none}.strength-bar{grid-template-columns:repeat(3,1fr);gap:.25rem;display:grid}.strength-bar>span{border-radius:var(--radius-badge);background:var(--border);height:.375rem;overflow:hidden}.strength-bar>span:before{content:"";transform-origin:0;height:100%;transition:transform var(--dur-base) var(--ease-out);background:currentColor;display:block;transform:scaleX(0)}.strength-bar[data-level="1"]>span:nth-child(-n+1):before,.strength-bar[data-level="2"]>span:nth-child(-n+2):before,.strength-bar[data-level="3"]>span:before{transform:none}.auth-draw path{stroke-dasharray:24;animation:auth-draw var(--dur-base) var(--ease-out) backwards}@keyframes auth-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.match-note{opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);transform:translateY(-4px)}.match-note[data-on]{opacity:1;transform:none}.auth-spinner{animation:auth-spin calc(var(--dur-slow) * 1.5) linear infinite}.auth-pop{animation:auth-pop var(--dur-base) var(--ease-spring) backwards}@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes auth-pop{0%{opacity:0;transform:scale(.6)}}.profile-card{transition:transform var(--dur-fast) var(--ease-out)}.profile-card:active{transform:scale(.98)}.profile-card:has(input:focus-visible){outline:2px solid var(--brand-600);outline-offset:2px}.profile-tick{opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-spring);transform:scale(.5)}.profile-card:has(input:checked) .profile-tick{opacity:1;transform:none}.profile-icon{transition:transform var(--dur-base) var(--ease-spring)}.profile-card:has(input:checked) .profile-icon{transform:scale(1.12)}@media (prefers-reduced-motion:reduce){.auth-scene *,.auth-enter,.auth-shake,.auth-spinner,.auth-pop,.auth-draw path{animation:none!important}.auth-main,.float-field label,.float-field:after,.eye-toggle svg,.strength-bar>span:before,.match-note,.profile-card,.profile-tick,.profile-icon{transition:none}}