.site-header {
    background: rgba(255, 255, 255, 0.94);
    border-bottom: 1px solid #e9ecef;
    position: sticky;
    top: 0;
    z-index: 1030;
    backdrop-filter: blur(12px);
}

    .site-header .navbar {
        min-height: 78px;
    }

    .site-header .navbar-brand {
        color: #212529;
        font-size: 1.12rem;
        letter-spacing: -0.01em;
    }

        .site-header .navbar-brand:hover {
            color: #212529;
        }

    .site-header .navbar-toggler {
        border: 1px solid #dee2e6;
        border-radius: 14px;
        padding: 0.45rem 0.7rem;
        box-shadow: none;
    }

        .site-header .navbar-toggler:focus {
            box-shadow: none;
        }

    .site-header .nav-link {
        color: #4b5563;
        border-radius: 999px;
        padding: 0.55rem 0.9rem !important;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

        .site-header .nav-link:hover {
            color: #212529;
            background: #f3f4f6;
        }

.brand-icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #8e24aa, #6a1b7a);
    color: #fff;
    box-shadow: 0 10px 24px rgba(142, 36, 170, 0.22);
    flex-shrink: 0;
}

.site-footer {
    background: #ffffff;
    border-top: 1px solid #e9ecef;
}

@media (max-width: 991.98px) {
    .site-header .navbar-collapse {
        margin-top: 0.85rem;
        background: #fff;
        border: 1px solid #edf1ef;
        border-radius: 18px;
        padding: 0.75rem;
    }

    .site-header .nav-link {
        border-radius: 14px;
    }
}