/* Modernized auth UI (scoped by .auth-modern on ) */ .auth-modern.authentication-bg { background: radial-gradient( 1200px circle at 10% 0%, rgba(var(--bs-primary-rgb), 0.18), transparent 55% ), radial-gradient( 900px circle at 90% 100%, rgba(var(--bs-primary-rgb), 0.12), transparent 55% ), var(--bs-body-bg); } .auth-modern .account-pages { min-height: 100vh; display: flex; align-items: center; } .auth-modern .auth-card { border-radius: 1.25rem; border: 1px solid rgba(var(--bs-body-color-rgb), 0.08); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08), 0 2px 10px rgba(0, 0, 0, 0.05); overflow: hidden; backdrop-filter: blur(6px); } .auth-modern .auth-card .card-body { padding: 1.75rem; } .auth-modern .auth-logo img { height: 34px; } .auth-modern .auth-title { letter-spacing: -0.02em; } .auth-modern .authentication-form .form-label { font-weight: 600; color: var(--bs-body-color); margin-bottom: 0.5rem; } .auth-modern .authentication-form .form-control { border-radius: 0.9rem; border: 1px solid rgba(var(--bs-body-color-rgb), 0.14); background: rgba(var(--bs-body-bg-rgb), 0.85); transition: box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease; } .auth-modern .authentication-form .form-control::placeholder { color: rgba(var(--bs-body-color-rgb), 0.55); } .auth-modern .authentication-form .form-control:focus { border-color: rgba(var(--bs-primary-rgb), 0.55); box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.15); background: rgba(var(--bs-body-bg-rgb), 0.95); } .auth-modern .authentication-form .form-control.form-control-lg { padding-top: 0.85rem; padding-bottom: 0.85rem; } .auth-modern .auth-field-icon { pointer-events: none; opacity: 0.75; } .auth-modern .js-password-toggle { width: 2.25rem; height: 2.25rem; border-radius: 0.75rem; display: inline-flex; align-items: center; justify-content: center; } .auth-modern .js-password-toggle:focus-visible { outline: none; box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.15); } .auth-modern .form-check-input { border-radius: 0.45rem; } .auth-modern .btn-auth-primary { border-radius: 0.95rem; padding: 0.85rem 1rem; } .auth-modern .auth-links { font-weight: 600; } .auth-modern .otp-wrapper { display: flex; justify-content: space-between; gap: 0.5rem; } .auth-modern .otp-input { width: 48px; height: 58px; font-size: 24px; text-align: center; border: 1px solid rgba(var(--bs-body-color-rgb), 0.18); border-radius: 0.9rem; font-weight: 700; background: rgba(var(--bs-body-bg-rgb), 0.85); transition: box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease; } .auth-modern .otp-input:focus { outline: none; border-color: rgba(var(--bs-primary-rgb), 0.55); box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.15); background: rgba(var(--bs-body-bg-rgb), 0.95); } .auth-modern .cursor-pointer { cursor: pointer; } @media (max-width: 575.98px) { .auth-modern .auth-card .card-body { padding: 1.25rem; } }