html {
    scroll-behavior: smooth;
    scroll-padding-top: 110px;
}

.nav-shell {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 1000 !important;
    background: rgba(246, 248, 249, 0.94) !important;
    border-bottom: 1px solid rgba(16, 24, 33, 0.14) !important;
    box-shadow: 0 8px 28px rgba(15, 34, 48, 0.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

@media (max-width: 820px) {
    html {
        scroll-padding-top: 88px;
    }

    .nav-shell {
        background: rgba(246, 248, 249, 0.97) !important;
    }
}