nav,
.top-nav,
nav#navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 0 2.75rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 2rem !important;
    background: #163c2a !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.nav-brand {
    display: flex !important;
    align-items: center !important;
    gap: .7rem !important;
    color: #fff !important;
    text-decoration: none !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.nav-brand img {
    width: 42px !important;
    height: 42px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
    mix-blend-mode: screen;
    filter: none !important;
}

.nav-left,
.nav-right {
    display: flex !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nav-left {
    flex: 1 1 auto !important;
    gap: .45rem !important;
}

.nav-right {
    flex: 0 0 auto !important;
    gap: .7rem !important;
}

.nav-left a,
.nav-left li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: .55rem 1rem !important;
    border-radius: 4px !important;
    color: rgba(255,255,255,.86) !important;
    background: transparent !important;
    text-decoration: none !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: .88rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    transition: background .2s ease, color .2s ease !important;
    box-shadow: none !important;
    transform: none !important;
}

.nav-left a::after,
.nav-left li a::after {
    display: none !important;
}

.nav-left a:hover,
.nav-left li a:hover,
.nav-left a.active,
.nav-left li a.active {
    color: #fff !important;
    background: rgba(255,255,255,.1) !important;
    box-shadow: none !important;
    transform: none !important;
}

.btn-login,
.nav-right a.btn-login {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 39px !important;
    padding: .52rem 1.2rem !important;
    border-radius: 999px !important;
    border: 1.5px solid rgba(255,255,255,.62) !important;
    background: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: .88rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transform: none !important;
}

.btn-login:hover,
.nav-right a.btn-login:hover {
    border-color: #fff !important;
    background: rgba(255,255,255,.1) !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: none !important;
}

.btn-signup,
.nav-right a.btn-signup,
.nav-right button.btn-signup {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 39px !important;
    padding: .52rem 1.25rem !important;
    border-radius: 999px !important;
    border: 0 !important;
    background: #fff !important;
    color: #163c2a !important;
    text-decoration: none !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: .88rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transform: none !important;
}

.btn-signup:hover,
.nav-right a.btn-signup:hover,
.nav-right button.btn-signup:hover {
    background: #eef5f0 !important;
    color: #163c2a !important;
    box-shadow: none !important;
    transform: none !important;
}

.nav-toggle {
    display: none !important;
    margin-left: auto !important;
    border: 1px solid rgba(255,255,255,.45) !important;
    background: transparent !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: .35rem .7rem !important;
    font: inherit !important;
    font-size: .9rem !important;
    cursor: pointer !important;
}

body.legal-nav-page {
    padding: 0 !important;
}

body.legal-nav-page > .header,
body.legal-nav-page > .container {
    width: calc(100% - 3rem);
    max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.legal-nav-page > .header {
    margin-top: 2rem !important;
}

body.legal-nav-page > .container {
    margin-bottom: 2rem !important;
}

@media (max-width: 900px) {
    nav,
    .top-nav,
    nav#navbar {
        height: auto !important;
        min-height: 64px !important;
        padding: .65rem 1rem !important;
        gap: .7rem !important;
        flex-wrap: wrap !important;
    }

    .nav-brand {
        font-size: .95rem !important;
        letter-spacing: 1px !important;
    }

    .nav-brand img {
        width: 32px !important;
        height: 32px !important;
    }

    .nav-toggle {
        display: inline-flex !important;
    }

    .nav-left,
    .nav-right {
        display: none !important;
        width: 100% !important;
        flex: 0 0 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: .35rem !important;
        padding-bottom: .35rem !important;
    }

    nav.menu-open .nav-left,
    nav.menu-open .nav-right,
    .top-nav.menu-open .nav-left,
    .top-nav.menu-open .nav-right,
    nav#navbar.menu-open .nav-left,
    nav#navbar.menu-open .nav-right {
        display: flex !important;
    }

    .nav-left a,
    .nav-left li a,
    .nav-right a,
    .btn-login,
    .btn-signup,
    .nav-right form button {
        width: 100% !important;
        min-height: 40px !important;
        text-align: center !important;
    }

    .nav-right form {
        width: 100% !important;
    }
}

@media (max-width: 640px) {
    body.legal-nav-page > .header,
    body.legal-nav-page > .container {
        width: calc(100% - 2rem);
    }
}