:root{
            --ink:#0b0416;
            --panel:#120826;
            --gold:#eab308;
            --gold-soft:rgba(234,179,8,.14);
        }
        html{scroll-behavior:smooth;}
        body{
            font-family:'Inter', system-ui, sans-serif;
        }
        h1,h2,h3,h4,.font-display{
            font-family:'Plus Jakarta Sans', system-ui, sans-serif;
        }
        ::selection{ background:var(--gold); color:var(--ink); }

        a:focus-visible, button:focus-visible, input:focus-visible{
            outline:2px solid var(--gold);
            outline-offset:3px;
            border-radius:6px;
        }

        .article-image{ transition: transform .6s cubic-bezier(.22,1,.36,1); }
        .article-card:hover .article-image{ transform: scale(1.06); }
        .article-card{ transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease; }
        .article-card:hover{ transform: translateY(-4px); box-shadow: 0 20px 40px -20px rgba(234,179,8,.15); }

        .gradient-overlay{
            background: linear-gradient(to top, rgba(11,4,22,.95) 0%, rgba(11,4,22,.55) 45%, rgba(11,4,22,.05) 100%);
        }
        .search-input:focus{ box-shadow: 0 0 0 3px rgba(234,179,8,.2); }

        .reveal{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
        .reveal.in{ opacity:1; transform:translateY(0); }

        .noise-card{
            background:
                radial-gradient(circle at 20% 20%, rgba(234,179,8,.06), transparent 40%),
                rgba(255,255,255,.035);
        }

        /* ===== NAVBAR STYLES ===== */
        .nav-link {
            position: relative;
            padding: 0.5rem 0;
            font-weight: 500;
            letter-spacing: 0.01em;
            transition: color 0.2s ease;
            color:white;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: #eab308;
            transition: width 0.3s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .nav-link:hover::after {
            width: 100%;
        }
        .nav-link-active {
            color: #eab308;
        }
        .nav-link-active::after {
            width: 100%;
        }
        .btn-gold{
    padding:12px 24px;
    background:linear-gradient(180deg,#fef08a,#eab308);
    color:#0b0416;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    text-decoration:none;
}

        .nav-inner {
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }

        .mobile-nav-link {
            padding: 0.75rem 1rem;
            border-radius: 0.75rem;
            transition: all 0.2s ease;
            font-weight: 500;
        }
        .mobile-nav-link:hover {
            background: rgba(234, 179, 8, 0.1);
            color: #eab308;
        }
        .mobile-nav-link-active {
            background: rgba(234, 179, 8, 0.1);
            color: #eab308;
        }

        .menu-toggle-btn {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.2s ease;
            font-size: 1.5rem;
            line-height: 1;
        }
        .menu-toggle-btn:hover {
            background: rgba(255, 255, 255, 0.05);
        }

        /* Mobile menu animation */
        #mobileMenu {
            transition: all 0.3s ease;
        }
        #mobileMenu.hidden {
            display: none !important;
        }
        #mobileMenu:not(.hidden) {
            display: block !important;
            animation: slideDown 0.3s ease forwards;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (prefers-reduced-motion: reduce){
            .article-image, .article-card, .reveal{ transition:none !important; }
            .nav-link::after{ transition:none; }
            #mobileMenu:not(.hidden){ animation:none; }
        }
        /* ================= KNOWLEDGE CENTER ================= */

.knowledge-phase{
    position:relative;
    padding:120px 24px;
    background:#0b0416;
    overflow:hidden;
}

.knowledge-phase::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    background:radial-gradient(circle,#eab30825,transparent 70%);
    top:-300px;
    right:-250px;
}

.knowledge-container{
    position:relative;
    z-index:2;
    max-width:1200px;
    margin:auto;
}

.knowledge-tag{
    display:inline-block;
    padding:10px 20px;
    border-radius:999px;
    background:rgba(234,179,8,.12);
    color:#fef08a;
    border:1px solid rgba(234,179,8,.35);
    text-transform:uppercase;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
}

.knowledge-phase h2{
    margin-top:24px;
    font-size:clamp(2rem,5vw,3.5rem);
    line-height:1.1;
    color:#fff;
    max-width:800px;
}

.lead{
    margin-top:30px;
    font-size:1.1rem;
    color:#d5d5d5;
    line-height:1.9;
    max-width:900px;
}

.knowledge-phase p{
    color:#b9b9b9;
    line-height:1.9;
}

.knowledge-grid{
    margin-top:70px;

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
}

.knowledge-card{

    background:rgba(255,255,255,.04);
    backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    padding:35px;

    transition:.4s;
}

.knowledge-card:hover{

    transform:translateY(-8px);

    border-color:#eab308;

    box-shadow:0 20px 50px rgba(0,0,0,.4);

}

.knowledge-card span{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    width:55px;
    height:55px;

    border-radius:50%;

    background:linear-gradient(180deg,#fef08a,#eab308);

    color:#0b0416;

    font-weight:800;

    font-size:20px;

    margin-bottom:25px;

}

.knowledge-card h3{

    color:#fff;

    margin-bottom:15px;

    font-size:1.35rem;

}

.phase-note{

    margin-top:70px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(234,179,8,.25);

    border-radius:22px;

    padding:45px;

    text-align:center;

}

.phase-note h3{

    font-size:2rem;

    color:#fff;

    margin-bottom:20px;

}

.phase-note p{

    max-width:800px;

    margin:auto auto 35px;

}

@media(max-width:768px){

    .knowledge-phase{

        padding:80px 20px;

    }

    .knowledge-grid{

        grid-template-columns:1fr;

    }

    .knowledge-card{

        padding:28px;

    }

    .phase-note{

        padding:30px 20px;

    }

}
/* ================= CTA SECTION ================= */

.knowledge-cta{

    margin-top:90px;
    text-align:center;

}

.knowledge-cta h3{

    font-size:2.3rem;
    color:#fff;
    margin-bottom:20px;

}

.knowledge-cta>p{

    max-width:760px;
    margin:0 auto 50px;
    color:#b9b9b9;
    line-height:1.8;

}

.cta-grid{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:25px;

}

.cta-card{

    background:rgba(255,255,255,.04);
    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    padding:35px;

    text-decoration:none;

    transition:.35s;

}

.cta-card:hover{

    transform:translateY(-8px);

    border-color:#eab308;

    box-shadow:0 18px 45px rgba(0,0,0,.35);

}

.cta-card span{

    width:55px;
    height:55px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 25px;

    border-radius:50%;

    background:linear-gradient(180deg,#fef08a,#eab308);

    color:#0b0416;

    font-weight:800;

}

.cta-card h4{

    color:#fff;
    margin-bottom:12px;
    font-size:1.3rem;

}

.cta-card p{

    color:#b9b9b9;
    line-height:1.8;

}

@media(max-width:768px){

    .cta-grid{

        grid-template-columns:1fr;

    }

}