#Mainhefg_mo_meunf {
        display: none;
    }

    @media(max-width:768px) {
        #Mainhefg_mo_meunf {
            display: block;
        }
    }

    .Lheaderhok_header {
        background: #011b64;
        box-shadow: 0 2px 10px #adada2;
        position: sticky;
        top: 0;
        z-index: 1000
    }

    .Lheaderhok_container {
        max-width: 1400px;
        margin: 0 auto;
        padding: 15px 20px;
        display: flex;
        align-items: center;
        gap: 40px
    }

    .Lheaderhok_logo {
        flex-shrink: 0;
        width: 180px
    }

    .Lheaderhok_logo img {
        width: 100%;
        height: auto
    }

    .Lheaderhok_right {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .Lheaderhok_topbar {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding-bottom: 10px;
        border-bottom: 1px solid #adada2
    }

    .Lheaderhok_contact {
        display: flex;
        gap: 20px
    }

    .Lheaderhok_contact a {
        color: #ffffff;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 14px
    }

    .Lheaderhok_auth {
        display: flex;
        gap: 20px;
        perspective: 1000px
    }

    .Lheaderhok_login,
    .Lheaderhok_register {
        padding: 8px 25px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.3s;
        position: relative;
        overflow: hidden;
        clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
        transform-style: preserve-3d
    }

    .Lheaderhok_login {
        color: #ffffff;
        background: transparent;
        border: 2px solid #ffffff;
        transform: skewX(-10deg)
    }

    .Lheaderhok_register {
        color: #ffffff;
        background: #868681;
        transform: skewX(10deg)
    }

    .Lheaderhok_login:hover,
    .Lheaderhok_register:hover {
        transform: skewX(0) translateY(-5px);
        box-shadow: 0 10px 20px #868681
    }

    .Lheaderhok_login:hover {
        background: #868681
    }

    .Lheaderhok_register:hover {
        background: #adada2;
        color: #ffffff
    }

    @media (max-width: 480px) {

        .Lheaderhok_login,
        .Lheaderhok_register {
            padding: 6px 15px;
            font-size: 13px
        }
    }

    .Lheaderhok_menu {
        display: flex;
        justify-content: center;
        gap: 30px;
        list-style: none;
        margin: 0;
        padding: 0
    }

    .Lheaderhok_menu a {
        color: #ffffff;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        padding: 5px 0;
        position: relative;
        transition: color 0.3s
    }

    .Lheaderhok_menu a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background: #ffffff;
        transition: width 0.3s
    }

    .Lheaderhok_menu a:hover::after,
    .Lheaderhok_menu a.active::after {
        width: 100%
    }

    .Lheaderhok_toggle,
    .Lheaderhok_close {
        display: none;
        background: none;
        border: none;
        cursor: pointer;
        padding: 10px
    }

    .Lheaderhok_toggle span,
    .Lheaderhok_close span {
        display: block;
        width: 25px;
        height: 2px;
        background: #868681;
        margin: 5px 0;
        transition: all 0.3s
    }

    @media (max-width: 992px) {
        .Lheaderhok_container {
            gap: 20px
        }

        .Lheaderhok_logo {
            width: 140px
        }

        .Lheaderhok_menu {
            gap: 20px
        }
    }

    @media (max-width: 768px) {
        .Lheaderhok_toggle {
            display: block;
            margin-left: auto
        }

        .Lheaderhok_right {
            gap: 10px
        }

        .Lheaderhok_contact {
            display: none
        }

        .Lheaderhok_nav {
            position: fixed;
            top: 0;
            right: -100%;
            width: 80%;
            max-width: 300px;
            height: 100vh;
            background: #000000;
            padding: 60px 20px;
            transition: right 0.3s;
            box-shadow: -5px 0 20px #adada2
        }

        .Lheaderhok_nav.active {
            right: 0
        }

        .Lheaderhok_close {
            display: block;
            position: absolute;
            top: 20px;
            right: 40px
        }

        .Lheaderhok_close span {
            position: absolute
        }

        .Lheaderhok_close span:first-child {
            transform: rotate(45deg)
        }

        .Lheaderhok_close span:last-child {
            transform: rotate(-45deg)
        }

        .Lheaderhok_menu {
            flex-direction: column;
            align-items: center;
            gap: 30px
        }
    }

    @media (max-width: 480px) {
        .Lheaderhok_logo {
            width: 120px
        }

        .Lheaderhok_auth {
            gap: 10px
        }

        .Lheaderhok_login,
        .Lheaderhok_register {
            padding: 4px 12px;
            font-size: 13px
        }
    }