/* ===============================================
   MOBILE BLOCK SCREEN
   =============================================== */

@media (max-width: 768px) {
    body::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, #0a0a0b 0%, #1a1a1c 100%);
        z-index: 99999;
    }

    body::after {
        content: '📱\A\AMobile Version\AComing Soon\A\APlease visit on desktop\Afor the full experience';
        white-space: pre;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 100000;
        text-align: center;
        color: white;
        font-family: 'Inter', sans-serif;
        font-size: 1.25rem;
        line-height: 1.8;
        padding: 2rem;
    }

    /* Hide all content on mobile */
    .nav,
    .hero,
    .dashboard-main,
    main,
    footer,
    .beta-banner {
        display: none !important;
    }
}