.fade-out {
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
        }
        * {
            user-select: none;
            -webkit-user-select: none;
            -moz-user-select: none;
        }
        .telegram-link:hover .telegram-icon,
        .telegram-link:hover .telegram-text {
            color: #60A5FA; 
        }
        .telegram-link {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .telegram-link:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 16px rgba(30, 58, 138, 0.3); 
        }
        .telegram-widget {
            background: linear-gradient(135deg, #1e3a8a, #3b82f6); 
            padding: 1.5rem;
            border-radius: 1rem;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        @media (max-width: 1023px) {
            .telegram-desktop {
                display: none;
            }
        }
        @media (min-width: 1024px) {
            .telegram-mobile {
                display: none;
            }
        }
.no-scroll {
    overflow: hidden;
}

/* Utility: ensure responsive tables and grids wrap nicely */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.grid-auto-fit {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}
.left-bg {
    position: absolute;
    left: 16vw;
    top: 0;
    bottom: 0;
    width: 50%;
    background-image: url('../../assets/img/bg.png');
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: left center;
    z-index: -1;
}


@media (max-width: 1023px) {
    .left-bg {
        display: none;
    }
}