.alert {
        background: var(--tg-secondary-color);
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        -o-border-radius: 35px;
        -ms-border-radius: 35px;
        border-radius: 35px;
        border-color: var(--tg-primary-color);
    }

    .color_main {
        color: var(--tg-primary-color);
    }

    .zalo__floating {
        position: fixed;
        bottom: 30px;
        left: 50px;
        width: 50px;
        height: 50px;
        background: linear-gradient(135deg, #0068FF 0%, #0052CC 100%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 999;
        box-shadow: 0 4px 20px rgba(0, 104, 255, 0.4);
        transition: all 0.3s ease;
        animation: zalo-pulse 2s infinite;
    }

    .zalo__floating::before,
    .zalo__floating::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 2px solid #0068FF;
        animation: zalo-ripple 2s infinite ease-out;
    }

    .zalo__floating::after {
        animation-delay: 1s;
    }

    .zalo__floating img {
        width: 35px;
        height: 35px;
        position: relative;
        z-index: 2;
        filter: brightness(0) invert(1);
    }

    .zalo__floating:hover {
        transform: translateY(-5px) scale(1.05);
        box-shadow: 0 8px 30px rgba(0, 104, 255, 0.6);
        animation: none;
    }

    .zalo__floating:hover::before,
    .zalo__floating:hover::after {
        animation: zalo-ripple-hover 1s infinite ease-out;
    }

   
    @keyframes zalo-ripple {
        0% {
            transform: scale(1);
            opacity: 1;
        }

        50% {
            transform: scale(1.3);
            opacity: 0.5;
        }

        100% {
            transform: scale(1.6);
            opacity: 0;
        }
    }

    @keyframes zalo-ripple-hover {
        0% {
            transform: scale(1);
            opacity: 1;
        }

        100% {
            transform: scale(1.8);
            opacity: 0;
        }
    }

   
    @keyframes zalo-pulse {

        0%,
        100% {
            box-shadow: 0 4px 20px rgba(0, 104, 255, 0.4);
        }

        50% {
            box-shadow: 0 4px 30px rgba(0, 104, 255, 0.7);
        }
    }

   
    .scroll__top.open~.zalo__floating {
        bottom: 170px;
    }

   
    @media (max-width: 768px) {
        .zalo__floating {
            width: 35px;
            height: 35px;
            bottom: 15px;
            left: 15px;
            font-size: 14px;
        }

        .zalo__floating img {
            width: 28px;
            height: 28px;
        }

        .scroll__top.open~.zalo__floating {
            bottom: 140px;
        }
    }

   
    @keyframes zalo-entrance {
        0% {
            transform: scale(0) rotate(-180deg);
            opacity: 0;
        }

        60% {
            transform: scale(1.1) rotate(10deg);
        }

        100% {
            transform: scale(1) rotate(0deg);
            opacity: 1;
        }
    }

    .zalo__floating {
        animation: zalo-entrance 0.6s ease-out, zalo-pulse 2s infinite 0.6s;
    }

   
    .video__area {
        position: relative;
        z-index: 1;
    }

    .video__wrapper {
        background: var(--tg-secondary-color);
        border-radius: 20px;
        padding: 40px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .video__container {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
       
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    }

    .video__embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .video__embed iframe {
        width: 100%;
        height: 100%;
        border-radius: 15px;
    }

   
    @media (max-width: 768px) {
        .video__wrapper {
            padding: 20px;
        }

        .video__container {
            border-radius: 10px;
        }
    }