.auth-flip-page{min-height:100vh;color:var(--tblr-body-color);perspective:1600px;background:radial-gradient(circle at 12% 12%,#4169be2e,#0000 30rem),linear-gradient(135deg,#f7f9ff 0%,#eef3ff 55%,#e8efff 100%);place-items:center;padding:2rem 1rem;display:grid;position:relative}[data-bs-theme=dark] .auth-flip-page{background:radial-gradient(circle at 12% 12%,#4169be47,#0000 30rem),linear-gradient(135deg,#071a3d 0%,#0b2d62 55%,#061733 100%)}.auth-theme-toggle{z-index:3;border:1px solid var(--tblr-border-color);color:var(--tblr-body-color);background:var(--tblr-bg-surface,#fff);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .8rem;display:inline-flex;position:absolute;top:1.25rem;right:1.25rem;box-shadow:0 4px 14px #1f293714}.auth-theme-toggle:hover{color:var(--tblr-primary);border-color:var(--tblr-primary)}.auth-flip-card{background:var(--tblr-bg-surface,var(--tblr-body-bg,#fff));border:1px solid var(--tblr-border-color-translucent,#62697629);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(100%,860px);min-height:500px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 60px #1e293b2e}.auth-panel{justify-content:center;align-items:center;min-width:0;padding:2.5rem;display:flex}.auth-form-panel{background:var(--tblr-bg-surface,var(--tblr-body-bg,#fff))}.auth-form-content{width:min(100%,340px)}.auth-brand-logo{justify-content:center;margin-bottom:1rem;display:flex}.auth-brand-logo img{object-fit:contain;width:auto;max-width:min(220px,75%);height:76px}.auth-form-content h1{text-align:center;margin-bottom:.5rem;font-size:clamp(1.8rem,3vw,2.35rem);font-weight:800}.auth-form-content>p{color:var(--tblr-secondary-color);text-align:center;margin-bottom:1.5rem}.auth-form-panel .form-label{color:var(--tblr-body-color)}.auth-form-panel .form-control{border:1px solid var(--tblr-border-color);width:100%;height:50px;min-height:50px;color:var(--tblr-body-color);background:var(--tblr-bg-forms,var(--tblr-bg-surface,#fff));box-shadow:none;border-radius:10px;outline:0;padding-top:.75rem;padding-bottom:.75rem}.auth-input-wrap{position:relative}.auth-input-wrap>.ti{z-index:1;color:var(--tblr-secondary-color);pointer-events:none;font-size:1.1rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.auth-input-wrap .form-control{padding-left:2.8rem}.auth-input-wrap .auth-password-toggle{z-index:2;width:2rem;height:2rem;color:var(--tblr-secondary-color);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.auth-input-wrap .auth-password-toggle:hover{color:#ff4b2b;background:0 0}.auth-input-wrap .auth-password{padding-right:3rem}.auth-form-panel .form-control:focus{background:var(--tblr-bg-surface,#fff);border-color:#ff4b2b;box-shadow:0 0 0 3px #ff4b2b29}.auth-submit{color:#fff;letter-spacing:.04em;background:#ff4b2b;border:1px solid #ff4b2b;border-radius:999px;width:100%;margin-top:.5rem;padding:.8rem 1rem;font-weight:700;transition:transform .15s,box-shadow .15s}.auth-submit:hover{color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px #ff4b2b3d}.auth-switch-panel{color:#fff;background:linear-gradient(135deg,#fc4f4f,#ffcf00);position:relative;overflow:hidden}.auth-switch-panel:before,.auth-switch-panel:after{content:"";background:#ffffff1f;border-radius:50%;position:absolute}.auth-switch-panel:before{width:280px;height:280px;top:-130px;right:-110px}.auth-switch-panel:after{width:180px;height:180px;bottom:-85px;left:-70px}.auth-switch-content{z-index:1;text-align:center;width:min(100%,300px);position:relative}.auth-switch-content .ti{margin-bottom:1rem;font-size:2rem;display:block}.auth-switch-content h2{font-weight:800}.auth-switch-content p{color:#ffffffe6;margin:1rem 0 1.75rem}.auth-switch-button{color:#fff;background:0 0;border:1px solid #ffffffe6;border-radius:999px;padding:.75rem 1.7rem;font-weight:700}.auth-switch-button:hover{color:#fc4f4f;background:var(--tblr-bg-surface,#fff)}.auth-flip-card.is-email .auth-form-panel{animation:.55s both auth-form-to-email}.auth-flip-card.is-username .auth-form-panel{animation:.55s both auth-form-to-username}@keyframes auth-form-to-email{0%{opacity:1;transform:rotateY(0)}45%{opacity:.15;transform:rotateY(88deg)}55%{opacity:.15;transform:rotateY(-88deg)}to{opacity:1;transform:rotateY(0)}}@keyframes auth-form-to-username{0%{opacity:1;transform:rotateY(0)}45%{opacity:.15;transform:rotateY(-88deg)}55%{opacity:.15;transform:rotateY(88deg)}to{opacity:1;transform:rotateY(0)}}.auth-mode-note{min-height:1.25rem;color:var(--tblr-secondary-color);text-align:center;margin-top:.75rem;font-size:.82rem}@media (width<=767.98px){.auth-flip-page{min-height:100vh;padding:0;display:block}.auth-flip-card{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0;display:block}.auth-panel{padding:2rem 1.25rem}.auth-form-panel{align-items:flex-start;min-height:calc(100vh - 6.5rem);padding-top:7rem}.auth-switch-panel{min-height:0;color:var(--tblr-body-color);background:var(--tblr-bg-surface,var(--tblr-body-bg,#fff));padding:.25rem 1.25rem 3rem}.auth-switch-panel:before,.auth-switch-panel:after,.auth-switch-content>.ti,.auth-switch-content h2,.auth-switch-content p{display:none}.auth-switch-content{width:100%}.auth-switch-button{border-color:var(--tblr-primary);width:100%;color:var(--tblr-primary);background:0 0;padding:.65rem 1rem}.auth-switch-button:hover{color:#fff;background:var(--tblr-primary)}.auth-switch-content p{margin:.65rem 0 1rem}}