/* ========================================
   MODERN AUTH PAGES
   Login, Verification, 2FA pages
   ======================================== */

/* ======================
   VERIFICATION PAGE
   ====================== */

.verify-page {
    margin: 0;
    padding: 0;
    font-family: 'Figtree', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.verify-page-wrapper {
    min-height: 100vh;
    background: linear-gradient(135deg, var(--gray-50) 0%, var(--primary-blue-lighter) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.verify-container {
    width: 100%;
    max-width: 480px;
}


/* ======================
   LOGIN PAGE (Legacy support)
   ====================== */

.login-page {
    margin: 0;
    padding: 0;
    font-family: 'Figtree', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.login-box {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}


/* ======================
   RESPONSIVE
   ====================== */

@media (max-width: 576px) {
    .verify-page-wrapper {
        padding: 1rem 0.75rem;
    }

    .verify-container,
    .login-box {
        max-width: 100%;
    }
}