.site-header{
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid rgba(203,213,225,.82);
    backdrop-filter:blur(18px);
    box-shadow:0 14px 34px rgba(15,23,42,.07);
}

.header-inner{
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

.logo{
    display:inline-flex;
    align-items:center;
    gap:11px;
    flex:0 0 auto;
    min-width:0;
    color:#0f172a;
    font-size:23px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.055em;
}

.logo:before{
    content:"";
    width:36px;
    height:36px;
    flex:0 0 36px;
    border-radius:13px;
    background:
        radial-gradient(circle at 32% 28%, rgba(255,255,255,.55), transparent 26%),
        linear-gradient(135deg,#f97316 0%,#1d4ed8 46%,#0f172a 100%);
    box-shadow:0 12px 28px rgba(37,99,235,.22);
}

.logo img{
    display:block;
    width:auto;
    max-width:212px;
    height:42px;
    object-fit:contain;
}

.logo:has(img):before{
    display:none;
}

.main-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    min-width:0;
}

.main-nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:10px 13px;
    border:1px solid transparent;
    border-radius:999px;
    color:#334155;
    font-size:14px;
    line-height:1;
    font-weight:850;
    white-space:nowrap;
    transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.main-nav a:hover{
    color:#1d4ed8;
    border-color:#dbeafe;
    background:#eff6ff;
    transform:translateY(-1px);
}

.main-nav a:first-child{
    color:#0f172a;
}

.main-nav a:last-child{
    margin-left:6px;
    color:#ffffff;
    border-color:#0f172a;
    background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 100%);
    box-shadow:0 16px 34px rgba(37,99,235,.22);
}

.main-nav a:last-child:hover{
    color:#ffffff;
    border-color:#0f172a;
    background:linear-gradient(135deg,#020617 0%,#1e40af 100%);
    box-shadow:0 20px 42px rgba(37,99,235,.28);
}

.mobile-menu-btn{
    display:none;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:10px 15px;
    border:1px solid #cbd5e1;
    border-radius:999px;
    background:#ffffff;
    color:#0f172a;
    font:inherit;
    font-size:14px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 12px 28px rgba(15,23,42,.08);
    transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.mobile-menu-btn:hover{
    transform:translateY(-1px);
    border-color:#bfdbfe;
    color:#1d4ed8;
    background:#eff6ff;
    box-shadow:0 16px 34px rgba(37,99,235,.12);
}