/* Ortak header/footer stilleri (topbar, navbar, footer, mobil CTA) - tüm Site sayfalarında kullanılır */
        :root {
            --edu-navy: #071b31;
            --edu-navy-2: #0d2a49;
            --edu-blue: #1368a9;
            --edu-sky: #e8f4fb;
            --edu-gold: #f4b942;
            --edu-gold-dark: #db9d22;
            --edu-cream: #f7f3ea;
            --edu-white: #ffffff;
            --edu-text: #172232;
            --edu-muted: #667386;
            --edu-line: rgba(7, 27, 49, .12);
            --edu-shadow: 0 24px 70px rgba(7, 27, 49, .13);
            --edu-radius: 28px;
        }

        .topbar {
            position: relative;
            z-index: 1040;
            padding: 9px 0;
            background: #031223;
            color: rgba(255,255,255,.74);
            font-size: .82rem;
        }

        .topbar a:hover {
            color: #fff;
        }

        .topbar-divider {
            width: 1px;
            height: 16px;
            background: rgba(255,255,255,.16);
        }

        /* Navbar */
        .edu-navbar {
            position: absolute;
            top: 41px;
            z-index: 1030;
            width: 100%;
            padding: 15px 0;
            transition: all .3s ease;
        }

        .edu-navbar.is-sticky {
            position: fixed;
            top: 0;
            padding: 10px 0;
            background: rgba(255,255,255,.96);
            box-shadow: 0 10px 35px rgba(7,27,49,.1);
            backdrop-filter: blur(16px);
        }

        .edu-navbar .nav-link {
            padding: .75rem .75rem !important;
            color: rgba(255,255,255,.86);
            font-size: .91rem;
            font-weight: 700;
        }

        .edu-navbar .nav-link:hover {
            color: #fff;
        }

        .edu-navbar.is-sticky .nav-link {
            color: var(--edu-navy);
        }

        .brand {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .brand-mark {
            display: grid;
            width: 54px;
            height: 54px;
            place-items: center;
            border: 2px solid var(--edu-gold);
            border-radius: 50%;
            background: var(--edu-navy);
            color: #fff;
            font-family: "Playfair Display", serif;
            font-size: 1.75rem;
            font-weight: 700;
            box-shadow: inset 0 0 0 5px rgba(255,255,255,.06);
        }

        .brand-copy {
            color: #fff;
            font-size: .78rem;
            line-height: 1.15;
            letter-spacing: .05em;
            text-transform: uppercase;
        }

        .brand-copy strong {
            display: block;
            font-size: 1.06rem;
            letter-spacing: .08em;
        }

        .edu-navbar.is-sticky .brand-copy {
            color: var(--edu-navy);
        }

        .navbar-toggler {
            border: 0;
            color: #fff;
            box-shadow: none !important;
            font-size: 1.7rem;
        }

        .edu-navbar.is-sticky .navbar-toggler {
            color: var(--edu-navy);
        }

        .footer {
            padding: 76px 0 26px;
            background: #031223;
            color: rgba(255,255,255,.62);
        }

        .footer .brand-copy {
            color: #fff;
        }

        .footer-copy {
            max-width: 380px;
            margin-top: 20px;
            font-size: .86rem;
            line-height: 1.75;
        }

        .footer-title {
            margin-bottom: 20px;
            color: #fff;
            font-size: .88rem;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        .footer-links {
            display: grid;
            gap: 11px;
            font-size: .84rem;
        }

        .footer-links a:hover {
            color: #fff;
            transform: translateX(3px);
        }

        .footer-contact {
            display: grid;
            gap: 13px;
            font-size: .84rem;
        }

        .footer-contact span,
        .footer-contact a {
            display: flex;
            gap: 10px;
            align-items: flex-start;
        }

        .footer-contact i {
            color: var(--edu-gold);
        }

        .social-links {
            display: flex;
            gap: 9px;
            margin-top: 22px;
        }

        .social-links a {
            display: grid;
            width: 38px;
            height: 38px;
            place-items: center;
            border: 1px solid rgba(255,255,255,.14);
            border-radius: 11px;
            color: #fff;
        }

        .social-links a:hover {
            background: var(--edu-gold);
            border-color: var(--edu-gold);
            color: var(--edu-navy);
        }

        .footer-bottom {
            margin-top: 55px;
            padding-top: 22px;
            border-top: 1px solid rgba(255,255,255,.1);
            font-size: .76rem;
        }


        .mobile-cta {
            display: none;
        }

@media (max-width: 1199.98px) {
            .edu-navbar .nav-link {
                padding: .7rem .55rem !important;
                font-size: .84rem;
            }
}
@media (max-width: 991.98px) {
            .topbar .topbar-hide-mobile {
                display: none !important;
            }

            .edu-navbar {
                top: 41px;
            }

            .edu-navbar .navbar-collapse {
                margin-top: 12px;
                padding: 16px;
                border-radius: 18px;
                background: #fff;
                box-shadow: var(--edu-shadow);
            }

            .edu-navbar .nav-link,
            .edu-navbar.is-sticky .nav-link {
                color: var(--edu-navy);
            }

}
@media (max-width: 767.98px) {
            .topbar {
                font-size: .75rem;
            }

            .topbar .container {
                justify-content: center !important;
            }

            .edu-navbar {
                top: 38px;
            }

            .brand-mark {
                width: 46px;
                height: 46px;
                font-size: 1.5rem;
            }

            .brand-copy {
                font-size: .64rem;
            }

            .brand-copy strong {
                font-size: .87rem;
            }

            .mobile-cta {
                position: fixed;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 1060;
                display: flex;
                gap: 8px;
                padding: 10px 12px;
                border-top: 1px solid rgba(7,27,49,.1);
                background: rgba(255,255,255,.96);
                box-shadow: 0 -8px 30px rgba(7,27,49,.1);
                backdrop-filter: blur(12px);
            }

            .mobile-cta .btn {
                flex: 1;
                padding: .75rem .6rem;
                font-size: .8rem;
                font-weight: 800;
                border-radius: 12px;
            }
}

.edu-navbar .nav-link.active {
    color: #fff;
}

.edu-navbar.is-sticky .nav-link.active {
    color: var(--edu-blue);
}