@media (max-width: 1180px) {
    .fx-next-auth-container {
        grid-template-columns: 1fr;
        width: min(760px, 100%);
    }

    .fx-next-hero {
        display: none;
    }

    .fx-next-form-section {
        padding: 28px 20px;
    }

    .fx-next-form-shell {
        max-width: 560px;
    }

    .fx-mobile-brand {
        display: flex;
        justify-content: center;
        margin-bottom: 28px;
    }

    .fx-mobile-brand img {
        width: min(360px, 82%);
        height: auto;
        filter: drop-shadow(0 0 26px rgba(37, 99, 235, 0.45));
    }
}

@media (max-width: 720px) {
    .fx-next-form-section {
        align-items: flex-start;
        padding: 18px 14px;
    }

    .fx-next-form-shell {
        padding: 28px 22px;
        border-radius: 28px;
    }

    .fx-form-header {
        margin-bottom: 28px;
    }

    .fx-form-header h2 {
        font-size: 2.2rem;
    }

    .fx-form-header p {
        font-size: 1rem;
    }

    .fx-next-form {
        gap: 20px;
    }

    .fx-form-options {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .fx-security-box {
        padding: 16px;
    }
}

@media (max-width: 430px) {
    .fx-next-form-section {
        padding: 12px 10px;
    }

    .fx-next-form-shell {
        padding: 24px 18px;
        border-radius: 24px;
    }

    .fx-mobile-brand {
        margin-bottom: 22px;
    }

    .fx-form-header h2 {
        font-size: 2rem;
    }

    .fx-input,
    .fx-submit-button {
        height: 54px;
        border-radius: 16px;
    }

    .fx-secure-pill {
        font-size: .68rem;
    }
}

@media (min-width: 1500px) {
    .fx-next-auth-container {
        max-width: 1640px;
    }

    .fx-next-hero-inner {
        max-width: 800px;
    }

    .fx-next-hero h1 {
        font-size: 5.9rem;
    }
}

/* Secondary Auth Screens */
@media (max-width: 1180px) {
    .fx-auth-page.fx-single-page {
        padding: 28px 20px;
    }
}

@media (max-width: 720px) {
    .fx-auth-page.fx-single-page {
        align-items: flex-start;
        padding: 18px 14px;
    }

    .fx-single-card {
        padding: 28px 22px;
        border-radius: 28px;
    }

    .fx-logo,
    .fx-logo-card {
        width: min(300px, 82%);
        margin-bottom: 24px;
    }

    .fx-single-card h1 {
        font-size: 2.15rem;
    }

    .fx-description {
        font-size: .98rem;
    }

    .fx-form-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .fx-info-box,
    .fx-password-rules {
        padding: 16px;
    }
}

@media (max-width: 430px) {
    .fx-auth-page.fx-single-page {
        padding: 12px 10px;
    }

    .fx-single-card {
        padding: 24px 18px;
        border-radius: 24px;
    }

    .fx-single-card h1 {
        font-size: 1.95rem;
    }

    .fx-badge,
    .fx-status-badge {
        font-size: .66rem;
    }

    .fx-status-icon {
        width: 66px;
        height: 66px;
        border-radius: 22px;
        font-size: 1.75rem;
    }
}