﻿.matchglo-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 18px 45px;
    background: #06131F;
    min-height: 90px;
    gap: 40px;
}


    .matchglo-header nav {
        display: flex;
        align-items: center;
        gap: 30px;
        margin-left: auto;
    }


        .matchglo-header nav a {
            color: white;
            text-decoration: none;
            white-space: nowrap;
        }


    .matchglo-header .logo {
        margin: 0 !important;
        margin-right: 50px !important;
        flex-shrink: 0;
    }




.language {
    margin-left: 20px;
}

    .language a {
        color: white;
        text-decoration: none;
        margin: 0 5px;
        font-weight: 600;
    }

        .language a:hover {
            color: #FF7A00;
        }




.header-actions {
    display: flex;
    align-items: center;
    gap: 18px;
}




.header-button {
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 8px;
    transition: .25s;
}


    .header-button.login {
        border: 1px solid rgba(255,255,255,.25);
    }


    .header-button.register {
        background: #0d6efd;
    }


    .header-button:hover {
        background: rgba(255,255,255,.15);
    }


    .header-button.register:hover {
        background: #0b5ed7;
    }

    .header-button.insight {
        background: linear-gradient(135deg, #5b21b6, #2563eb);
        color: white;
    }

        .header-button.insight:hover {
            background: linear-gradient(135deg, #6d28d9, #1d4ed8);
        }