/* ===== ADVANCED FOOTER ===== */
.footer-advanced {
    background:
        radial-gradient(circle at 20% 30%, rgba(90,15,200,0.15), transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(181,23,255,0.1), transparent 50%),
        #02030a;
}

/* 🌌 gradient animation */
@keyframes footerGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ✨ glow */
.footer-advanced::before {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    background: #B517FF;
    filter: blur(180px);
    opacity: 0.25;
    top: -200px;
    left: -200px;
    pointer-events: none;
}

/* 🧠 BIG BACKGROUND TEXT */
.footer-advanced::after {
    content: "TENGRICORE";
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);

    font-size: 160px;
    font-weight: 900;
    letter-spacing: 10px;

    color: transparent;
    -webkit-text-stroke: 1px rgba(255,255,255,0.08);

    opacity: 0.6;

    pointer-events: none;
}

/* ✨ hover эффекты */
.footer-advanced a {
    transition: 0.3s;
}

.footer-advanced a:hover {
    color: white !important;
    transform: translateX(5px);
}

/* 🌊 fade сверху (переход с contact) */


.footer-advanced::before {
    box-shadow: 0 -80px 120px rgba(5, 8, 22, 1);
}



.footer-advanced.visible {
    opacity: 1;
    transform: translateY(0);
}

.footer-advanced {
    position: relative;
}

.footer-advanced::before {
    content: "";
    position: absolute;
    top: -120px;
    left: 0;
    width: 100%;
    height: 150px;

    background: linear-gradient(
        to bottom,
        rgba(5, 8, 22, 0),
        #040613
    );
}