/* Shared public authentication experience */
.auth-page {
    min-height: 100vh;
    background:
        radial-gradient(900px 560px at 10% 0%, rgba(91,137,230,.14), transparent 60%),
        radial-gradient(760px 520px at 95% 100%, rgba(214,180,107,.07), transparent 65%),
        #0b1019;
}
.auth-page .auth-layout { min-height: 100vh; }
.auth-page .auth-visual-panel {
    background: linear-gradient(150deg, #111b30, #0b1019 62%);
    border-right: 1px solid rgba(167,184,210,.12);
}
.auth-page .auth-form-panel {
    display: flex !important;
    min-height: 100vh;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(11,16,25,.72);
}
.auth-page .auth-form-panel > div:not(.absolute) { position: relative; z-index: 1; width: 100%; }
.auth-page .auth-form-panel h1 { letter-spacing: -.04em; }
.auth-page .auth-form-panel input,
.auth-page .auth-form-panel select,
.auth-page .auth-form-panel textarea {
    min-height: 3rem;
    border-color: rgba(167,184,210,.16) !important;
    background-color: rgba(22,31,46,.9) !important;
    border-radius: .7rem !important;
}
.auth-page .auth-form-panel input:focus,
.auth-page .auth-form-panel select:focus,
.auth-page .auth-form-panel textarea:focus {
    box-shadow: 0 0 0 3px rgba(126,167,247,.20) !important;
}
.auth-page .auth-form-panel button[type="submit"],
.auth-page .auth-form-panel #next-step-1 {
    min-height: 3rem;
    border-radius: .7rem !important;
    background: #7ea7f7 !important;
    color: #08111f !important;
    box-shadow: 0 12px 24px -16px rgba(126,167,247,.9);
}
.auth-page .auth-form-panel .absolute.top-4 { z-index: 2; }
.auth-page.auth-login { display: grid; place-items: center; padding: 2rem 1rem; }
.auth-page.auth-login > .w-full { position: relative; z-index: 1; }
.auth-page.auth-login .btn-primary { background: #7ea7f7 !important; color: #08111f !important; }
@media (max-width: 1023px) {
    .auth-page .auth-visual-panel { display: none !important; }
    .auth-page .auth-form-panel { min-height: 100vh; width: 100% !important; padding: 5.5rem 1.25rem 2rem !important; }
}
