/* ==========================================
   QUANTUM_X — AUTHENTICATION RESPONSIVE LAYOUT
   ========================================== */

/* Large Desktop (1200px+) */
@media (min-width: 1200px) {
    .qx-auth-container {
        gap: 3.5rem;
    }
}

/* Laptop / Small Desktop (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .qx-auth-container {
        gap: 2rem;
    }

    .qx-glass-card {
        padding: 2rem;
    }
}

/* Tablet (768px - 991px) — Stacked Hero Above Form */
@media (min-width: 768px) and (max-width: 991.98px) {
    .qx-auth-container {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        max-width: 680px;
    }

    .qx-brand-section {
        text-align: center;
    }

    .qx-brand-description,
    .qx-market-widget {
        margin-left: auto;
        margin-right: auto;
    }
}

/* Mobile & Small Mobile (<=767px) — Single Column */
@media (max-width: 767.98px) {
    .qx-auth-wrapper {
        padding: 1.25rem 0.75rem;
        perspective: none;
    }

    .qx-auth-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .qx-brand-section {
        text-align: center;
    }

    .qx-brand-title {
        font-size: 1.8rem;
    }

    .qx-brand-description {
        font-size: 0.95rem;
        margin-left: auto;
        margin-right: auto;
    }

    .qx-market-widget {
        display: none;
    }

    .qx-glass-card {
        padding: 1.5rem 1.25rem;
        border-radius: 18px !important;
    }

    .qx-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .qx-auth-card-stage {
        transform: none !important;
    }

    .qx-auth-float-cube,
    .qx-auth-float-sphere {
        display: none !important;
    }
}