.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{border:1px solid var(--tblr-border-color);background:var(--tblr-bg-forms,var(--tblr-bg-surface,#fff));border-radius:10px;align-items:center;width:100%;height:50px;min-height:50px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex;position:relative}.auth-input-wrap>.ti{z-index:2;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{z-index:1;border-radius:inherit;outline:0;height:100%;min-height:0;padding-left:2.8rem;display:block;position:absolute;inset:0;width:100%!important;max-width:none!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important}.auth-input-wrap .auth-password-toggle{z-index:3;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-input-wrap:focus-within{background:var(--tblr-bg-surface,#fff);border-color:#ff4b2b;box-shadow:0 0 0 3px #ff4b2b29}.auth-form-panel .auth-input-wrap .form-control:focus{box-shadow:none!important;background:0 0!important;border:0!important}.auth-form-panel .auth-input-wrap .form-control:-webkit-autofill{caret-color:var(--tblr-body-color);border-radius:inherit!important;-webkit-text-fill-color:var(--tblr-body-color)!important;-webkit-box-shadow:0 0 0 1000px var(--tblr-bg-forms,var(--tblr-bg-surface,#fff)) inset!important;box-shadow:0 0 0 1000px var(--tblr-bg-forms,var(--tblr-bg-surface,#fff)) inset!important;border:0!important}.auth-form-panel .auth-input-wrap .form-control:-webkit-autofill:hover{caret-color:var(--tblr-body-color);border-radius:inherit!important;-webkit-text-fill-color:var(--tblr-body-color)!important;-webkit-box-shadow:0 0 0 1000px var(--tblr-bg-forms,var(--tblr-bg-surface,#fff)) inset!important;box-shadow:0 0 0 1000px var(--tblr-bg-forms,var(--tblr-bg-surface,#fff)) inset!important;border:0!important}.auth-form-panel .auth-input-wrap .form-control:-webkit-autofill:focus{caret-color:var(--tblr-body-color);border-radius:inherit!important;-webkit-text-fill-color:var(--tblr-body-color)!important;-webkit-box-shadow:0 0 0 1000px var(--tblr-bg-forms,var(--tblr-bg-surface,#fff)) inset!important;box-shadow:0 0 0 1000px var(--tblr-bg-forms,var(--tblr-bg-surface,#fff)) inset!important;border:0!important}.auth-form-panel .auth-input-wrap .form-control:-webkit-autofill:active{caret-color:var(--tblr-body-color);border-radius:inherit!important;-webkit-text-fill-color:var(--tblr-body-color)!important;-webkit-box-shadow:0 0 0 1000px var(--tblr-bg-forms,var(--tblr-bg-surface,#fff)) inset!important;box-shadow:0 0 0 1000px var(--tblr-bg-forms,var(--tblr-bg-surface,#fff)) inset!important;border:0!important}.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-passkey-separator{color:var(--tblr-secondary-color);align-items:center;gap:.75rem;margin:.85rem 0;font-size:.78rem;display:flex}.auth-passkey-separator:before,.auth-passkey-separator:after{background:var(--tblr-border-color);content:"";flex:1;height:1px}.auth-passkey-button{color:#ff4b2b;background:0 0;border:1px solid #ff4b2b;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;width:100%;min-height:48px;padding:.7rem 1rem;font-weight:700;transition:background-color .16s,color .16s,opacity .16s;display:flex}.auth-passkey-button:hover:not(:disabled){color:#fff;background:#ff4b2b}.auth-passkey-button:disabled{cursor:not-allowed;opacity:.62}.auth-passkey-button .ti{font-size:1.25rem}.auth-passkey-button.is-loading .ti{animation:.9s ease-in-out infinite alternate auth-passkey-pulse}.auth-passkey-status{min-height:1.15rem;color:var(--tblr-secondary-color);text-align:center;margin-top:.45rem;font-size:.75rem}.auth-passkey-status.is-error{color:var(--tblr-danger)}@keyframes auth-passkey-pulse{to{opacity:.35}}.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:4.4rem}.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}}