/* El iframe cambia de altura: usar la animación CSS, no snapshots de navegación. */
@view-transition{navigation:none}
::view-transition-old(auth-card){animation:hp-auth-old .18s ease both}::view-transition-new(auth-card){animation:hp-auth-new .24s cubic-bezier(.22,1,.36,1) both}
.login-card,.register-v2-card{view-transition-name:auth-card;will-change:transform,opacity}.auth-page .login-card,.auth-page .register-v2-card{opacity:0;transform:translateY(14px) scale(.992)}.auth-page.auth-ready .login-card,.auth-page.auth-ready .register-v2-card{opacity:1;transform:none;transition:opacity .34s ease,transform .42s cubic-bezier(.22,1,.36,1)}
.auth-page.auth-leaving-to-register .login-card,.auth-page.auth-leaving-to-register .register-v2-card{opacity:0;transform:translateX(-18px) scale(.992);transition:opacity .18s ease,transform .22s ease}.auth-page.auth-leaving-to-login .login-card,.auth-page.auth-leaving-to-login .register-v2-card{opacity:0;transform:translateX(18px) scale(.992);transition:opacity .18s ease,transform .22s ease}
.auth-page .form-view.active{animation:hp-auth-view-in .28s cubic-bezier(.22,1,.36,1) both}.auth-page .register-v2-card .form-step.active{animation:hp-auth-step-next .3s cubic-bezier(.22,1,.36,1) both}.auth-page[data-auth-step-direction=back] .register-v2-card .form-step.active{animation-name:hp-auth-step-back}.auth-page .register-v2-progress .progress-line{transition:width .34s cubic-bezier(.22,1,.36,1)!important}.auth-page .register-v2-progress .step-circle{transition:background-color .24s ease,color .24s ease,transform .24s ease,box-shadow .24s ease}.auth-page .register-v2-progress .step.active .step-circle{transform:scale(1.045)}
.auth-switch{margin:20px 0 0;padding-top:18px;border-top:1px solid rgba(148,163,184,.22);color:#697586;font-size:.9rem;text-align:center}.auth-switch a{display:inline-flex;align-items:center;gap:7px;margin-left:4px;color:#07845f;font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-page .btn:not(:disabled){transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.auth-page .btn:not(:disabled):active{transform:scale(.985)}
@keyframes hp-auth-old{to{opacity:0;transform:translateX(-14px)}}@keyframes hp-auth-new{from{opacity:0;transform:translateX(14px)}}@keyframes hp-auth-view-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes hp-auth-step-next{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes hp-auth-step-back{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
@media(max-width:600px){.auth-page .login-card,.auth-page .register-v2-card{transform-origin:center top}.auth-page.auth-leaving-to-register .login-card,.auth-page.auth-leaving-to-register .register-v2-card,.auth-page.auth-leaving-to-login .login-card,.auth-page.auth-leaving-to-login .register-v2-card{transform:translateY(12px) scale(.992)}.auth-page .register-v2-card .form-step.active,.auth-page[data-auth-step-direction=back] .register-v2-card .form-step.active{animation-name:hp-auth-view-in}.auth-switch{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){::view-transition-old(auth-card),::view-transition-new(auth-card){animation:none}.auth-page .login-card,.auth-page .register-v2-card,.auth-page .form-view.active,.auth-page .register-v2-card .form-step.active,.auth-page .register-v2-progress .progress-line,.auth-page .register-v2-progress .step-circle{animation:none!important;transition:none!important;transform:none!important}.auth-page .login-card,.auth-page .register-v2-card{opacity:1!important}}