/* ===========================================================================
   CyberSee — Auth Pages (Login, Reactivation)
   Extracted from admin.css
   =========================================================================== */

.login-page, .reactivation-request-page {
    min-height: 100vh;
    background: linear-gradient(135deg, #4f46e5, #0ea5e9)
}

.login-wrapper {
    max-width: 520px;
    width: 100%;
    background: rgba(17, 24, 39, .85);
    border-radius: .75rem;
    padding: 3rem 2rem;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2)
}

.login-logo {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    background: #111827;
    padding: 1.25rem;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, .2)
}

.reactivation-request-wrapper {
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    padding: 2rem;
    background: rgba(17, 24, 39, .85);
    border-radius: .75rem;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(55, 65, 81, .3);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
}

.reactivation-request-page {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem
}

.logo-container {
    margin-bottom: 1.5rem
}

.logo-image {
    width: 60px;
    height: 60px;
    object-fit: contain
}

#termsModal, #termsModal .modal-backdrop {
    pointer-events: all !important
}