/* =========================================================
   TWO LEVEL PREMIUM HEADER
   BLUE + PURPLE CINEMATIC THEME
========================================================= */
/* =========================================
   FULL WIDTH PAGE RESET
========================================= */
/* =========================================================
   GDC 2026 HEADER - ISOLATED CSS
   All classes use gdc26- prefix to avoid conflicts
========================================================= */


/* =========================================================
   GLOBAL HEADER VARIABLES
========================================================= */

:root {
    --gdc26-header-bg: #060817;
    --gdc26-navbar-bg: #090b20;

    --gdc26-blue-main: #4169e1;
    --gdc26-blue-light: #647cff;

    --gdc26-purple-main: #8b2cff;
    --gdc26-purple-bright: #b44cff;
    --gdc26-purple-light: #d18aff;

    --gdc26-deep-purple: #17052e;
    --gdc26-dark-purple: #0b0318;

    --gdc26-white: #ffffff;
    --gdc26-muted: rgba(255,255,255,.78);

    --gdc26-border: rgba(180,76,255,.28);
}


/* =========================================================
   BODY SAFETY
========================================================= */

html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}


/* =========================================================
   TOP HEADER
========================================================= */

.gdc26-header {

    width: 100%;
    height: 88px;

    position: relative;
    z-index: 99990;

    background:
        linear-gradient(
            110deg,
            #07020f 0%,
            #10031e 45%,
            #1b0633 100%
        );

    border-bottom:
        1px solid rgba(139,44,255,.30);

    box-shadow:
        0 10px 45px rgba(0,0,0,.55),
        0 0 45px rgba(139,44,255,.08);

    transition:
        background .35s ease,
        box-shadow .35s ease;
}


/* Purple glow */

.gdc26-header::after {

    content: "";

    position: absolute;

    right: 8%;
    top: 0;

    width: 280px;
    height: 100%;

    pointer-events: none;

    background:
        radial-gradient(
            circle,
            rgba(139,77,255,.14),
            transparent 70%
        );

    filter: blur(20px);
}


/* Scrolled */

.gdc26-header.gdc26-scrolled {

    background:
        rgba(5,6,18,.96);

    backdrop-filter:
        blur(18px);

    box-shadow:
        0 12px 45px rgba(0,0,0,.48);
}


/* =========================================================
   HEADER INNER
========================================================= */

.gdc26-header-inner {

    width: min(94%, 1600px);

    height: 100%;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

    z-index: 2;
}


/* =========================================================
   LOGO
========================================================= */

.gdc26-logo {

    height: 100%;

    display: flex;

    align-items: center;

    text-decoration: none;
}


.gdc26-logo img {

    width: auto;

    max-width: 205px;

    max-height: 62px;

    object-fit: contain;

    display: block;

    filter:
        drop-shadow(
            0 0 12px rgba(139,44,255,.20)
        );

    transition:
        transform .4s ease,
        filter .4s ease;
}


.gdc26-logo:hover img {

    transform:
        scale(1.035);

    filter:
        drop-shadow(
            0 0 14px rgba(139,77,255,.45)
        );
}


/* =========================================================
   HEADER ACTIONS
========================================================= */

.gdc26-header-actions {

    display: flex;

    align-items: center;

    gap: 24px;
}


/* =========================================================
   SOCIAL
========================================================= */

.gdc26-socials {

    display: flex;

    align-items: center;

    gap: 9px;
}


.gdc26-socials a {

    width: 36px;
    height: 36px;

    display: flex;

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

    border:
        1px solid rgba(180,76,255,.28);

    border-radius: 50%;

    color:
        rgba(255,255,255,.72);

    text-decoration: none;

    background:
        rgba(139,44,255,.055);

    transition:
        all .35s ease;
}


.gdc26-socials a:hover {

    color: #fff;

    border-color:
        #c477ff;

    background:
        linear-gradient(
            135deg,
            #7924e8,
            #b84cff
        );

    transform:
        translateY(-3px);

    box-shadow:
        0 0 22px rgba(180,76,255,.45);
}


/* =========================================================
   APPLY BUTTON
========================================================= */

.gdc26-apply-button {

    min-height: 48px;

    padding:
        0 23px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    color: #fff;

    text-decoration: none;

    font-family:
        'DM Sans',
        sans-serif;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;

    border-radius: 4px;

    background:
        linear-gradient(
            120deg,
            #7020d8,
            #9f35ff,
            #c050ff
        );

    box-shadow:
        0 8px 30px rgba(139,44,255,.35);

    transition:
        all .35s ease;
}


.gdc26-apply-button i {

    transition:
        transform .35s ease;
}


.gdc26-apply-button:hover {

    transform:
        translateY(-2px);

    background:
        linear-gradient(
            120deg,
            #842cff,
            #b44cff,
            #d16cff
        );

    box-shadow:
        0 12px 38px rgba(180,76,255,.55);
}


.gdc26-apply-button:hover i {

    transform:
        translateX(4px);
}


/* =========================================================
   MOBILE MENU BUTTON
========================================================= */

.gdc26-menu-button {

    display: none;

    width: 46px;
    height: 46px;

    padding: 0;

    border:
        1px solid rgba(139,77,255,.28);

    background:
        rgba(139,77,255,.07);

    border-radius: 5px;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    gap: 5px;

    cursor: pointer;

    position: relative;

    z-index: 100000;

    appearance: none;

    -webkit-appearance: none;
}


.gdc26-menu-button span {

    width: 20px;

    height: 2px;

    display: block;

    background: #fff;

    border-radius: 2px;

    transition:
        all .3s ease;
}


/* Hamburger active */

.gdc26-menu-button.gdc26-menu-active span:nth-child(1) {

    transform:
        translateY(7px)
        rotate(45deg);
}


.gdc26-menu-button.gdc26-menu-active span:nth-child(2) {

    opacity: 0;
}


.gdc26-menu-button.gdc26-menu-active span:nth-child(3) {

    transform:
        translateY(-7px)
        rotate(-45deg);
}


/* =========================================================
   DESKTOP NAVBAR
========================================================= */

.gdc26-navbar {

    width: 100%;

    height: 62px;

    position: relative;

    z-index: 99980;

    background:
        linear-gradient(
            90deg,
            #0b0318 0%,
            #160526 50%,
            #0d041c 100%
        );

    border-bottom:
        1px solid rgba(139,44,255,.28);

    box-shadow:
        0 12px 40px rgba(0,0,0,.45);

    transition:
        background .35s ease,
        box-shadow .35s ease;
}


.gdc26-navbar::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            #7020e8 20%,
            #b84cff 50%,
            #7020e8 80%,
            transparent 100%
        );

    box-shadow:
        0 0 15px rgba(180,76,255,.55);
}


.gdc26-navbar.gdc26-scrolled {

    background:
        rgba(9,9,28,.96);

    backdrop-filter:
        blur(18px);

    box-shadow:
        0 10px 40px rgba(0,0,0,.45);
}


/* =========================================================
   NAV INNER
========================================================= */

.gdc26-navbar-inner {

    width: min(96%, 1700px);

    height: 100%;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;
}


/* =========================================================
   DESKTOP NAVIGATION
========================================================= */

.gdc26-desktop-navigation {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 3px;

    height: 100%;
}


/* =========================================================
   NAV LINKS
========================================================= */

.gdc26-nav-link {

    height: 100%;

    padding:
        0 15px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    position: relative;

    color:
        rgba(255,255,255,.78);

    background: transparent;

    border: 0;

    text-decoration: none;

    font-family:
        'DM Sans',
        sans-serif;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: .035em;

    white-space: nowrap;

    cursor: pointer;

    transition:
        color .3s ease,
        text-shadow .3s ease;
}


.gdc26-nav-link::after {

    content: "";

    position: absolute;

    left: 15px;
    right: 15px;

    bottom: -1px;

    height: 3px;

    transform:
        scaleX(0);

    transform-origin:
        center;

    background:
        linear-gradient(
            90deg,
            #7020e8,
            #c05aff,
            #7020e8
        );

    box-shadow:
        0 0 14px rgba(180,76,255,.80);

    transition:
        transform .35s ease;
}


.gdc26-nav-link:hover,
.gdc26-nav-link.gdc26-nav-active {

    color:
        #fff;

    text-shadow:
        0 0 15px rgba(180,76,255,.35);
}


.gdc26-nav-link:hover::after,
.gdc26-nav-link.gdc26-nav-active::after {

    transform:
        scaleX(1);
}


/* =========================================================
   DESKTOP GALLERY DROPDOWN
========================================================= */

.gdc26-dropdown {

    height: 100%;

    display: flex;

    align-items: center;

    position: relative;
}


.gdc26-dropdown::after {

    content: "";

    position: absolute;

    left: 0;
    right: 0;

    bottom: -12px;

    height: 14px;
}


.gdc26-dropdown-trigger i {

    font-size: 8px;

    color:
        var(--gdc26-purple-light);

    transition:
        transform .3s ease;
}


.gdc26-dropdown:hover
.gdc26-dropdown-trigger i {

    transform:
        rotate(180deg);
}


.gdc26-dropdown-menu {

    position: absolute;

    top: calc(100% + 1px);

    left: 50%;

    width: 320px;

    transform:
        translateX(-50%)
        translateY(12px);

    padding: 10px;

    background:
        linear-gradient(
            145deg,
            rgba(12,10,32,.98),
            rgba(22,11,47,.98)
        );

    border:
        1px solid rgba(139,77,255,.28);

    border-radius: 8px;

    box-shadow:
        0 25px 70px rgba(0,0,0,.60),
        0 0 35px rgba(139,77,255,.10);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition:
        opacity .28s ease,
        transform .28s ease,
        visibility .28s ease;
}


.gdc26-dropdown:hover
.gdc26-dropdown-menu {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        translateX(-50%)
        translateY(0);
}


/* Dropdown links */

.gdc26-dropdown-menu a {

    display: grid;

    grid-template-columns:
        34px 1fr 16px;

    align-items: center;

    gap: 10px;

    padding: 13px 12px;

    color:
        rgba(255,255,255,.72);

    text-decoration: none;

    border-radius: 6px;

    transition:
        all .3s ease;
}


.gdc26-dropdown-menu a > i:first-child {

    width: 32px;
    height: 32px;

    display: flex;

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

    border-radius: 6px;

    color:
        var(--gdc26-purple-light);

    background:
        rgba(139,77,255,.10);
}


.gdc26-dropdown-menu a > i:last-child {

    font-size: 10px;

    color:
        rgba(255,255,255,.35);

    transition:
        transform .3s ease;
}


.gdc26-dropdown-menu a span {

    display: flex;

    flex-direction: column;

    gap: 3px;
}


.gdc26-dropdown-menu strong {

    color: #fff;

    font-size: 12px;

    font-weight: 700;
}


.gdc26-dropdown-menu a:hover {

    background:
        linear-gradient(
            90deg,
            rgba(139,77,255,.14),
            rgba(65,105,225,.08)
        );

    color: #fff;
}


.gdc26-dropdown-menu a:hover > i:last-child {

    transform:
        translateX(4px);

    color:
        var(--gdc26-purple-light);
}


/* =========================================================
   MOBILE NAVIGATION
========================================================= */

.gdc26-mobile-navigation {

    position: fixed;

    inset: 0;

    z-index: 100000;

    background:
        linear-gradient(
            145deg,
            #050612,
            #0d0923,
            #150a2d
        );

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform:
        translateX(100%);

    transition:
        opacity .4s ease,
        visibility .4s ease,
        transform .45s cubic-bezier(.77,0,.18,1);

    overflow-y: auto;

    overflow-x: hidden;

    -webkit-overflow-scrolling: touch;
}


.gdc26-mobile-navigation.gdc26-mobile-open {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        translateX(0);
}


/* =========================================================
   MOBILE INNER
========================================================= */

.gdc26-mobile-inner {

    min-height: 100%;

    padding:
        28px 24px 35px;

    display: flex;

    flex-direction: column;

    box-sizing: border-box;
}


/* =========================================================
   MOBILE TOP
========================================================= */

.gdc26-mobile-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 25px;

    border-bottom:
        1px solid rgba(139,77,255,.18);
}


.gdc26-mobile-label {

    display: flex;

    align-items: center;

    gap: 10px;

    color: #fff;

    font-family:
        'DM Sans',
        sans-serif;

    font-size: 12px;

    letter-spacing: .18em;
}


.gdc26-mobile-label span {

    width: 25px;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--gdc26-purple-light),
            var(--gdc26-blue-light)
        );
}


/* =========================================================
   MOBILE CLOSE BUTTON
========================================================= */

.gdc26-mobile-close {

    width: 42px;
    height: 42px;

    display: flex;

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

    border:
        1px solid rgba(139,77,255,.28);

    border-radius: 50%;

    background:
        rgba(139,77,255,.08);

    color: #fff;

    font-size: 19px;

    cursor: pointer;

    appearance: none;

    -webkit-appearance: none;

    transition:
        all .3s ease;
}


.gdc26-mobile-close:hover {

    background:
        var(--gdc26-purple-main);

    transform:
        rotate(90deg);
}


/* =========================================================
   MOBILE LINKS
========================================================= */

.gdc26-mobile-links {

    display: flex;

    flex-direction: column;

    margin-top: 15px;
}


.gdc26-mobile-links > a,
.gdc26-mobile-gallery-button {

    width: 100%;

    min-height: 58px;

    padding:
        0 5px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    box-sizing: border-box;

    color:
        rgba(255,255,255,.78);

    background: transparent;

    border: 0;

    border-bottom:
        1px solid rgba(255,255,255,.07);

    text-decoration: none;

    font-family:
        'DM Sans',
        sans-serif;

    font-size: 14px;

    font-weight: 600;

    text-align: left;

    cursor: pointer;

    transition:
        color .3s ease,
        padding .3s ease;
}


.gdc26-mobile-links > a:hover,
.gdc26-mobile-gallery-button:hover {

    color:
        var(--gdc26-purple-light);

    padding-left: 8px;
}


.gdc26-mobile-links > a > i {

    color:
        var(--gdc26-purple-light);

    font-size: 11px;

    transition:
        transform .3s ease;
}


.gdc26-mobile-links > a:hover > i {

    transform:
        translateX(5px);
}


/* =========================================================
   MOBILE GALLERY
========================================================= */

.gdc26-mobile-gallery {

    border-bottom:
        1px solid rgba(255,255,255,.07);
}


.gdc26-mobile-gallery-button {

    border-bottom: 0;

    appearance: none;

    -webkit-appearance: none;
}


.gdc26-mobile-gallery-button > i {

    color:
        var(--gdc26-purple-light);

    transition:
        transform .3s ease;
}


.gdc26-mobile-gallery.gdc26-gallery-open
.gdc26-mobile-gallery-button > i {

    transform:
        rotate(45deg);
}


/* =========================================================
   MOBILE GALLERY LINKS
========================================================= */

.gdc26-mobile-gallery-links {

    max-height: 0;

    overflow: hidden;

    opacity: 0;

    transition:
        max-height .4s ease,
        opacity .3s ease;
}


.gdc26-mobile-gallery.gdc26-gallery-open
.gdc26-mobile-gallery-links {

    max-height: 400px;

    opacity: 1;
}


.gdc26-mobile-gallery-links a {

    min-height: 48px;

    padding:
        0 8px 0 18px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    box-sizing: border-box;

    color:
        rgba(255,255,255,.55);

    text-decoration: none;

    font-family:
        'DM Sans',
        sans-serif;

    font-size: 12px;

    border-top:
        1px solid rgba(255,255,255,.045);
}


.gdc26-mobile-gallery-links a span {

    display: flex;

    align-items: center;

    gap: 10px;
}


.gdc26-mobile-gallery-links a span i {

    color:
        var(--gdc26-purple-light);

    font-size: 11px;
}


.gdc26-mobile-gallery-links a > i {

    color:
        var(--gdc26-purple-light);

    font-size: 11px;

    transition:
        transform .3s ease;
}


.gdc26-mobile-gallery-links a:hover {

    color: #fff;
}


.gdc26-mobile-gallery-links a:hover > i {

    transform:
        translateX(4px);
}


/* =========================================================
   MOBILE APPLY
========================================================= */

.gdc26-mobile-apply {

    margin-top: 28px;

    min-height: 55px;

    padding:
        0 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    box-sizing: border-box;

    color: #fff;

    text-decoration: none;

    font-family:
        'DM Sans',
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;

    background:
        linear-gradient(
            120deg,
            #7140df,
            #9a56ff,
            #4169e1
        );

    border-radius: 5px;

    box-shadow:
        0 12px 35px rgba(139,77,255,.25);
}


.gdc26-mobile-apply i {

    transition:
        transform .3s ease;
}


.gdc26-mobile-apply:hover i {

    transform:
        translateX(5px);
}


/* =========================================================
   MOBILE SOCIALS
========================================================= */

.gdc26-mobile-socials {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 28px;
}


.gdc26-mobile-socials a {

    width: 40px;
    height: 40px;

    display: flex;

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

    color:
        rgba(255,255,255,.70);

    border:
        1px solid rgba(139,77,255,.20);

    border-radius: 50%;

    text-decoration: none;

    transition:
        all .3s ease;
}


.gdc26-mobile-socials a:hover {

    color: #fff;

    background:
        var(--gdc26-purple-main);

    border-color:
        var(--gdc26-purple-light);

    transform:
        translateY(-3px);
}


/* =========================================================
   RESPONSIVE - 1250
========================================================= */

@media (max-width: 1250px) {

    .gdc26-nav-link {

        padding-left: 10px;
        padding-right: 10px;

        font-size: 11px;
    }

}


/* =========================================================
   RESPONSIVE - 1050
========================================================= */

@media (max-width: 1050px) {

    .gdc26-desktop-navigation {

        gap: 0;
    }

    .gdc26-nav-link {

        padding-left: 7px;
        padding-right: 7px;

        font-size: 10.5px;
    }

}


/* =========================================================
   MOBILE - 900
========================================================= */

@media (max-width: 900px) {

    .gdc26-header {

        height: 76px;
    }


    .gdc26-header-inner {

        width: 92%;
    }


    .gdc26-logo img {

        max-width: 155px;

        max-height: 50px;
    }


    .gdc26-socials,
    .gdc26-apply-button {

        display: none;
    }


    .gdc26-header-actions {

        gap: 0;
    }


    .gdc26-menu-button {

        display: flex !important;
    }


    .gdc26-navbar {

        display: none;
    }

}


/* =========================================================
   MOBILE - 500
========================================================= */

@media (max-width: 500px) {

    .gdc26-header {

        height: 70px;
    }


    .gdc26-logo img {

        max-width: 135px;

        max-height: 46px;
    }


    .gdc26-menu-button {

        width: 43px;
        height: 43px;
    }


    .gdc26-mobile-inner {

        padding:
            22px 20px 30px;
    }


    .gdc26-mobile-links > a,
    .gdc26-mobile-gallery-button {

        min-height: 54px;

        font-size: 13px;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 360px) {

    .gdc26-header-inner {

        width: 90%;
    }


    .gdc26-logo img {

        max-width: 120px;

        max-height: 42px;
    }


    .gdc26-menu-button {

        width: 41px;
        height: 41px;
    }


    .gdc26-mobile-inner {

        padding-left: 17px;
        padding-right: 17px;
    }

}
/* =========================================================
   GOLDEN LIGHT — ICON + APPLY NOW
   Light stays strictly on the border
========================================================= */

.gdc26-socials a,
.gdc26-apply-button {
    position: relative;
    overflow: hidden;
}

/* Golden moving light */
.gdc26-socials a::before,
.gdc26-apply-button::before {
    content: "";
    position: absolute;
    width: 45px;
    height: 2px;

    top: 0;
    left: 0;

    background: linear-gradient(
        90deg,
        transparent,
        #fff8b5,
        #ffd700,
        #fff8b5,
        transparent
    );

    box-shadow:
        0 0 4px #ffd700,
        0 0 8px rgba(255, 215, 0, .8);

    border-radius: 10px;

    pointer-events: none;
    z-index: 10;

    animation: gdc26BorderRun 2.8s linear infinite;
}


/* =========================================
   MOVE LIGHT AROUND BUTTON BORDER
========================================= */

@keyframes gdc26BorderRun {

    /* TOP */
    0% {
        top: 0;
        left: -45px;
        transform: rotate(0deg);
    }

    24% {
        top: 0;
        left: calc(100% - 5px);
        transform: rotate(0deg);
    }

    /* RIGHT */
    25% {
        top: -45px;
        left: calc(100% - 2px);
        transform: rotate(90deg);
    }

    49% {
        top: calc(100% - 5px);
        left: calc(100% - 2px);
        transform: rotate(90deg);
    }

    /* BOTTOM */
    50% {
        top: calc(100% - 2px);
        left: calc(100% + 45px);
        transform: rotate(180deg);
    }

    74% {
        top: calc(100% - 2px);
        left: -45px;
        transform: rotate(180deg);
    }

    /* LEFT */
    75% {
        top: calc(100% + 45px);
        left: 0;
        transform: rotate(270deg);
    }

    99% {
        top: -45px;
        left: 0;
        transform: rotate(270deg);
    }

    100% {
        top: 0;
        left: -45px;
        transform: rotate(360deg);
    }
}
/* =========================================================
   GDC26 — GOLDEN BORDER LIGHT
   DESKTOP + MOBILE
========================================================= */

.gdc26-apply-button {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
}

/* Button ke andar moving light */
.gdc26-apply-button::before {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;

    width: 55px;
    height: 3px;

    top: 0;
    left: -55px;

    border-radius: 50%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,0.9) 35%,
        #ffd700 50%,
        rgba(255,255,255,0.9) 65%,
        transparent 100%
    );

    box-shadow:
        0 0 4px #ffd700,
        0 0 8px #ffd700;

    animation: gdc26ApplyBorderLight 3s linear infinite;
}

/* Same light — button ke 4 borders par */
@keyframes gdc26ApplyBorderLight {

    0% {
        left: -55px;
        top: 0;
        transform: rotate(0deg);
    }

    25% {
        left: calc(100% - 2px);
        top: 0;
        transform: rotate(90deg);
    }

    50% {
        left: calc(100% - 2px);
        top: calc(100% - 3px);
        transform: rotate(180deg);
    }

    75% {
        left: -55px;
        top: calc(100% - 3px);
        transform: rotate(270deg);
    }

    100% {
        left: -55px;
        top: 0;
        transform: rotate(360deg);
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 900px) {

    .gdc26-apply-button {
        position: relative !important;
        overflow: hidden !important;
    }

    .gdc26-apply-button::before {
        display: block !important;
        animation: gdc26ApplyBorderLight 3s linear infinite !important;
    }

}


/* Mobile Apply button agar mobile menu mein separate hai */
.gdc26-mobile-apply {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
}

.gdc26-mobile-apply::before {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;

    width: 55px;
    height: 3px;

    top: 0;
    left: -55px;

    border-radius: 50%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.95),
        #ffd700,
        rgba(255,255,255,.95),
        transparent
    );

    box-shadow:
        0 0 4px #ffd700,
        0 0 8px #ffd700;

    animation: gdc26MobileApplyLight 3s linear infinite;
}

@keyframes gdc26MobileApplyLight {

    0% {
        left: -55px;
        top: 0;
        transform: rotate(0deg);
    }

    25% {
        left: calc(100% - 2px);
        top: 0;
        transform: rotate(90deg);
    }

    50% {
        left: calc(100% - 2px);
        top: calc(100% - 3px);
        transform: rotate(180deg);
    }

    75% {
        left: -55px;
        top: calc(100% - 3px);
        transform: rotate(270deg);
    }

    100% {
        left: -55px;
        top: 0;
        transform: rotate(360deg);
    }
}
/* =========================================================
   GLOBAL DEBATE CHAMPIONSHIP 2026
   CINEMATIC HERO
========================================================= */

.gdc-hero {

    position: relative;

    width: 100%;

    min-height: calc(100vh - 150px);

    height: max(760px, calc(100vh - 150px));

    overflow: hidden;

    background: #05020c;

    isolation: isolate;

    color: #fff;
}


/* =========================================================
   BACKGROUND VIDEO
========================================================= */

.gdc-video-layer {

    position: absolute;

    inset: 0;

    z-index: -10;

    overflow: hidden;
}


.gdc-background-video {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

    display: block;

    /*
       IMPORTANT:
       Video ki original colors/quality preserve.
    */

    filter: none;

    transform:
        scale(1.025);

}


/* =========================================================
   VIDEO SHADE
========================================================= */

.gdc-video-shade {

    position: absolute;

    inset: 0;

    z-index: -8;

    background:
        linear-gradient(
            180deg,
            rgba(3,1,8,.45) 0%,
            rgba(5,1,12,.20) 35%,
            rgba(5,1,12,.48) 75%,
            rgba(3,1,8,.78) 100%
        );
}


/* =========================================================
   PURPLE CINEMATIC ATMOSPHERE
========================================================= */

.gdc-purple-atmosphere {

    position: absolute;

    inset: 0;

    z-index: -7;

    pointer-events: none;

    background:

        radial-gradient(
            ellipse at 50% 42%,
            rgba(155, 50, 255, .18),
            transparent 30%
        ),

        radial-gradient(
            ellipse at 78% 52%,
            rgba(105, 32, 255, .17),
            transparent 32%
        ),

        radial-gradient(
            ellipse at 20% 55%,
            rgba(184, 45, 255, .12),
            transparent 32%
        );
}


/* =========================================================
   VIGNETTE
========================================================= */

.gdc-vignette {

    position: absolute;

    inset: 0;

    z-index: -6;

    pointer-events: none;

    background:
        radial-gradient(
            ellipse at center,
            transparent 35%,
            rgba(0,0,0,.24) 65%,
            rgba(0,0,0,.78) 100%
        );
}


/* =========================================================
   CONTENT
========================================================= */

.gdc-hero-content {

    position: relative;

    z-index: 5;

    width: min(1500px, 94%);

    min-height: 100%;

    margin: 0 auto;

    padding:
        38px 0 100px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;
}


/* =========================================================
   EYEBROW
========================================================= */

.gdc-eyebrow {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    margin-bottom: 15px;

    color:
        rgba(255,255,255,.86);

    font-size:
        clamp(11px, .85vw, 14px);

    font-weight: 600;

    letter-spacing:
        .38em;

    text-transform: uppercase;
}


.gdc-eyebrow b {

    color:
        #b84cff;

    font-size: 17px;

    text-shadow:
        0 0 12px #b84cff;
}


.gdc-eyebrow-line {

    width:
        clamp(40px, 5vw, 80px);

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #c05aff
        );

    box-shadow:
        0 0 10px rgba(192,90,255,.75);
}


.gdc-eyebrow-line:last-child {

    background:
        linear-gradient(
            90deg,
            #c05aff,
            transparent
        );
}


/* =========================================================
   MAIN TITLE
========================================================= */

.gdc-title {

    margin: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    line-height: .88;

    text-transform: uppercase;

    letter-spacing:
        -.055em;
}


/* GLOBAL DEBATE */

.gdc-title-main {

    display: block;

    font-family:
        'DM Sans',
        sans-serif;

    font-size:
        clamp(68px, 8.4vw, 150px);

    font-weight: 900;

    color: #fff;

    text-shadow:

        0 0 4px #fff,

        0 0 15px rgba(192,90,255,.65),

        0 0 38px rgba(139,44,255,.42),

        0 12px 35px rgba(0,0,0,.55);
}


/* CHAMPIONSHIP */

.gdc-title-year {

    margin-top: 8px;

    font-family:
        'DM Sans',
        sans-serif;

    font-size:
        clamp(43px, 5.5vw, 100px);

    font-weight: 900;

    background:
        linear-gradient(
            90deg,
            #b892ff,
            #f3eaff,
            #a949ff,
            #d17aff,
            #b892ff
        );

    background-size:
        250% auto;

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;

    animation:
        gdcTitleShimmer 5s linear infinite;

    text-shadow:
        0 0 20px rgba(151,61,255,.25);
}


.gdc-title-year strong {

    font-weight: 900;

    color:
        #c15aff;
}


/* TITLE SHIMMER */

@keyframes gdcTitleShimmer {

    0% {
        background-position: 0% center;
    }

    100% {
        background-position: 250% center;
    }

}


/* =========================================================
   EDITION
========================================================= */

.gdc-edition {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    margin-top: 23px;
}


.gdc-edition span {

    width:
        clamp(35px, 5vw, 80px);

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d4af37
        );

    box-shadow:
        0 0 10px rgba(212,175,55,.65);
}


.gdc-edition span:last-child {

    background:
        linear-gradient(
            90deg,
            #d4af37,
            transparent
        );
}


.gdc-edition h2 {

    margin: 0;

    color:
        #f0cf67;

    font-family:
        'Playfair Display',
        serif;

    font-size:
        clamp(18px, 1.55vw, 28px);

    font-weight: 600;

    letter-spacing:
        .16em;

    text-shadow:
        0 0 18px rgba(212,175,55,.25);
}


/* =========================================================
   INFORMATION CARDS
========================================================= */

.gdc-info-row {

    width: min(1050px, 100%);

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 13px;

    margin-top: 25px;
}


.gdc-info-card {

    min-height: 72px;

    padding:
        13px 20px;

    display: flex;

    align-items: center;

    gap: 14px;

    text-align: left;

    background:
        linear-gradient(
            135deg,
            rgba(16,5,35,.78),
            rgba(8,4,22,.72)
        );

    border:
        1px solid rgba(174,75,255,.38);

    border-radius: 7px;

    backdrop-filter:
        blur(10px);

    box-shadow:
        inset 0 0 25px rgba(139,44,255,.035),
        0 10px 30px rgba(0,0,0,.25);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}


.gdc-info-card:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(204,119,255,.75);

    box-shadow:
        0 12px 35px rgba(139,44,255,.20),
        0 0 25px rgba(139,44,255,.12);
}


.gdc-info-icon {

    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;

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

    border-radius: 6px;

    color:
        #c05aff;

    font-size: 19px;

    background:
        rgba(139,44,255,.11);

    box-shadow:
        inset 0 0 15px rgba(139,44,255,.06);
}


.gdc-info-card small {

    display: block;

    margin-bottom: 4px;

    color:
        rgba(255,255,255,.43);

    font-size:
        9px;

    font-weight: 700;

    letter-spacing:
        .14em;
}


.gdc-info-card strong {

    display: block;

    color:
        #fff;

    font-size:
        clamp(11px, .85vw, 14px);

    font-weight: 700;

    line-height: 1.35;

    letter-spacing:
        .02em;
}


/* =========================================================
   TIME SYSTEM
========================================================= */

.gdc-time-system {

    width: min(1200px, 100%);

    display: grid;

    grid-template-columns:
        1fr 1fr 250px 1fr 1fr;

    align-items: center;

    gap: 12px;

    margin-top: 25px;

    position: relative;
}


/* =========================================================
   FLIP CARDS
========================================================= */

.gdc-flip-card {

    position: relative;

    min-height: 145px;

    padding: 16px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        linear-gradient(
            145deg,
            rgba(24,7,48,.94),
            rgba(8,3,22,.94)
        );

    border:
        1px solid rgba(179,72,255,.65);

    border-radius: 10px;

    box-shadow:

        inset 0 0 25px rgba(139,44,255,.08),

        0 0 18px rgba(139,44,255,.13),

        0 15px 40px rgba(0,0,0,.42);

    overflow: hidden;
}


/* animated top light */

.gdc-flip-card::before {

    content: "";

    position: absolute;

    top: -2px;

    left: -50%;

    width: 200%;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #fff,
            #b44cff,
            #fff,
            transparent
        );

    animation:
        gdcCardLight 3s linear infinite;

    box-shadow:
        0 0 15px #b44cff;
}


@keyframes gdcCardLight {

    0% {
        transform: translateX(-30%);
    }

    100% {
        transform: translateX(30%);
    }

}


.gdc-flip-inner {

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;
}


.gdc-number {

    display: block;

    font-family:
        'DM Sans',
        sans-serif;

    font-size:
        clamp(52px, 4.7vw, 82px);

    line-height: .95;

    font-weight: 900;

    color:
        #fff;

    text-shadow:

        0 0 8px #fff,

        0 0 20px rgba(180,76,255,.75),

        0 0 38px rgba(139,44,255,.48);
}


.gdc-unit {

    margin-top: 11px;

    color:
        rgba(255,255,255,.72);

    font-size:
        11px;

    font-weight: 700;

    letter-spacing:
        .22em;
}


/* =========================================================
   NUMBER FLIP ANIMATION
========================================================= */

.gdc-number.flip {

    animation:
        gdcNumberFlip .55s cubic-bezier(.4,0,.2,1);
}


@keyframes gdcNumberFlip {

    0% {

        transform:
            perspective(400px)
            rotateX(0deg);

        opacity: 1;
    }

    45% {

        transform:
            perspective(400px)
            rotateX(-90deg);

        opacity: .2;
    }

    55% {

        transform:
            perspective(400px)
            rotateX(90deg);

        opacity: .2;
    }

    100% {

        transform:
            perspective(400px)
            rotateX(0deg);

        opacity: 1;
    }

}


/* =========================================================
   CENTRAL CLOCK
========================================================= */

.gdc-clock {

    width: 250px;
    height: 250px;

    position: relative;

    display: flex;

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

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(15,4,34,.98) 45%,
            rgba(24,5,48,.96) 65%,
            rgba(8,3,20,.98) 100%
        );

    box-shadow:

        0 0 0 1px rgba(196,95,255,.55),

        0 0 0 7px rgba(139,44,255,.08),

        0 0 0 10px rgba(212,175,55,.10),

        0 0 45px rgba(139,44,255,.35),

        0 25px 60px rgba(0,0,0,.50);

    z-index: 3;
}


/* clock rings */

.gdc-clock-ring {

    position: absolute;

    inset: -10px;

    border-radius: 50%;

    pointer-events: none;
}


.ring-one {

    border:
        2px solid transparent;

    border-top-color:
        #c05aff;

    border-right-color:
        #d4af37;

    animation:
        gdcRingRotate 4s linear infinite;
}


.ring-two {

    inset: -17px;

    border:
        1px solid transparent;

    border-bottom-color:
        #a33cff;

    border-left-color:
        rgba(212,175,55,.75);

    animation:
        gdcRingRotateReverse 7s linear infinite;
}


.ring-three {

    inset: -23px;

    border:
        1px dashed rgba(180,76,255,.28);

    animation:
        gdcRingRotate 12s linear infinite;
}


@keyframes gdcRingRotate {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


@keyframes gdcRingRotateReverse {

    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }

}


/* clock center */

.gdc-clock-center {

    position: relative;

    z-index: 4;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;
}


.gdc-clock-label {

    color:
        rgba(255,255,255,.65);

    font-size:
        10px;

    font-weight: 700;

    letter-spacing:
        .15em;
}


.gdc-live-clock {

    margin-top: 8px;

    color:
        #fff;

    font-family:
        'DM Sans',
        sans-serif;

    font-size:
        clamp(26px, 2.3vw, 38px);

    line-height: 1;

    font-weight: 800;

    letter-spacing:
        .04em;

    text-shadow:
        0 0 15px rgba(192,90,255,.45);
}


.gdc-live-date {

    margin-top: 8px;

    color:
        rgba(255,255,255,.55);

    font-size:
        10px;

    letter-spacing:
        .04em;
}


/* =========================================================
   MALAYSIA FLAG
========================================================= */

.gdc-malaysia-flag {

    position: relative;

    width: 35px;

    height: 22px;

    margin-top: 11px;

    overflow: hidden;

    border-radius: 2px;

    box-shadow:
        0 0 8px rgba(255,255,255,.15);

    background:
        repeating-linear-gradient(
            to bottom,
            #d71920 0,
            #d71920 2px,
            #fff 2px,
            #fff 4px
        );
}


.flag-blue {

    position: absolute;

    left: 0;
    top: 0;

    width: 15px;
    height: 12px;

    background:
        #071b63;

    z-index: 2;
}


.flag-yellow {

    position: absolute;

    left: 4px;
    top: 2px;

    width: 6px;
    height: 6px;

    border:
        2px solid #f5c542;

    border-radius: 50%;

    z-index: 3;
}


.flag-white,
.flag-red {

    display: none;
}


/* =========================================================
   TAGLINE
========================================================= */

.gdc-tagline {

    width: min(900px, 100%);

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    margin-top: 23px;
}


.gdc-tagline span {

    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(192,90,255,.55)
        );
}


.gdc-tagline span:last-child {

    background:
        linear-gradient(
            90deg,
            rgba(192,90,255,.55),
            transparent
        );
}


.gdc-tagline p {

    margin: 0;

    color:
        rgba(255,255,255,.78);

    font-size:
        clamp(10px, .8vw, 13px);

    font-weight: 600;

    letter-spacing:
        .25em;

    white-space: nowrap;
}


.gdc-tagline b {

    color:
        #c05aff;
}


/* =========================================================
   APPLY BUTTON
========================================================= */

.gdc-hero-buttons {

    margin-top: 19px;
}


.gdc-apply-button {

    position: relative;

    min-width: 240px;

    min-height: 55px;

    padding:
        0 26px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 25px;

    overflow: hidden;

    isolation: isolate;

    color: #fff;

    text-decoration: none;

    font-size: 14px;

    font-weight: 800;

    letter-spacing:
        .08em;

    border:
        1px solid rgba(212,175,55,.7);

    border-radius: 30px;

    background:
        linear-gradient(
            120deg,
            #5015a0,
            #8426d9,
            #5420ad
        );

    box-shadow:
        0 0 20px rgba(139,44,255,.30);
}


/* moving border */

.gdc-apply-button::before {

    content: "";

    position: absolute;

    inset: -3px;

    z-index: -2;

    background:
        conic-gradient(
            from 0deg,
            transparent 0deg,
            transparent 40deg,
            #fff 58deg,
            #d4af37 75deg,
            #b44cff 95deg,
            transparent 125deg,
            transparent 205deg,
            #fff 225deg,
            #d4af37 245deg,
            #b44cff 270deg,
            transparent 310deg,
            transparent 360deg
        );

    animation:
        gdcButtonBorder 2.4s linear infinite;
}


.gdc-apply-button::after {

    content: "";

    position: absolute;

    inset: 2px;

    z-index: -1;

    border-radius: 28px;

    background:
        linear-gradient(
            120deg,
            #5617aa,
            #8b2ce8,
            #5d1db7
        );
}


@keyframes gdcButtonBorder {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


.gdc-apply-button span,
.gdc-apply-button i {

    position: relative;

    z-index: 5;
}


.gdc-apply-button i {

    transition:
        transform .3s ease;
}


.gdc-apply-button:hover {

    box-shadow:
        0 0 15px rgba(255,255,255,.25),
        0 0 35px rgba(139,44,255,.55);
}


.gdc-apply-button:hover i {

    transform:
        translateX(6px);
}


/* =========================================================
   PARTICLES
========================================================= */

.gdc-particles {

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    overflow: hidden;
}


.gdc-particles span {

    position: absolute;

    width: 2px;
    height: 2px;

    border-radius: 50%;

    background: #d18aff;

    box-shadow:
        0 0 8px #b44cff;

    animation:
        gdcParticleFloat
        var(--particle-speed, 8s)
        linear infinite;
}


.gdc-particles span:nth-child(1) {
    left: 10%;
    top: 70%;
    --particle-speed: 7s;
}

.gdc-particles span:nth-child(2) {
    left: 18%;
    top: 30%;
    --particle-speed: 10s;
}

.gdc-particles span:nth-child(3) {
    left: 28%;
    top: 75%;
    --particle-speed: 9s;
}

.gdc-particles span:nth-child(4) {
    left: 42%;
    top: 25%;
    --particle-speed: 8s;
}

.gdc-particles span:nth-child(5) {
    left: 53%;
    top: 70%;
    --particle-speed: 11s;
}

.gdc-particles span:nth-child(6) {
    left: 66%;
    top: 35%;
    --particle-speed: 7s;
}

.gdc-particles span:nth-child(7) {
    left: 74%;
    top: 72%;
    --particle-speed: 9s;
}

.gdc-particles span:nth-child(8) {
    left: 83%;
    top: 27%;
    --particle-speed: 12s;
}

.gdc-particles span:nth-child(9) {
    left: 90%;
    top: 62%;
    --particle-speed: 8s;
}

.gdc-particles span:nth-child(10) {
    left: 35%;
    top: 50%;
    --particle-speed: 10s;
}


@keyframes gdcParticleFloat {

    0% {
        transform:
            translateY(30px)
            scale(.5);

        opacity: 0;
    }

    20% {
        opacity: .8;
    }

    80% {
        opacity: .8;
    }

    100% {
        transform:
            translateY(-100px)
            scale(1.5);

        opacity: 0;
    }

}


/* =========================================================
   SCROLL INDICATOR
========================================================= */

.gdc-scroll {

    position: absolute;

    bottom: 18px;

    left: 50%;

    transform:
        translateX(-50%);

    z-index: 10;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 5px;

    color:
        rgba(255,255,255,.60);
}


.gdc-mouse {

    width: 22px;
    height: 34px;

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

    border-radius: 12px;

    display: flex;

    justify-content: center;

    padding-top: 6px;
}


.gdc-mouse span {

    width: 3px;
    height: 7px;

    border-radius: 3px;

    background:
        #c05aff;

    box-shadow:
        0 0 8px #b44cff;

    animation:
        gdcMouseScroll 1.6s ease-in-out infinite;
}


@keyframes gdcMouseScroll {

    0%,
    100% {
        transform:
            translateY(0);

        opacity: 1;
    }

    50% {
        transform:
            translateY(9px);

        opacity: .3;
    }

}


.gdc-scroll small {

    font-size: 8px;

    letter-spacing:
        .25em;
}


.gdc-scroll > i {

    color:
        #b44cff;

    font-size: 9px;

    animation:
        gdcChevron 1.4s ease-in-out infinite;
}


@keyframes gdcChevron {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(5px);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 900px) {

    .gdc-hero {

        min-height:
            calc(100svh - 76px);

        height:
            auto;

        min-height:
            850px;
    }


    .gdc-hero-content {

        width: 92%;

        padding:
            50px 0 90px;

        justify-content:
            flex-start;
    }


    .gdc-eyebrow {

        margin-top: 15px;

        gap: 8px;

        font-size: 8px;

        letter-spacing:
            .22em;
    }


    .gdc-eyebrow-line {

        width: 25px;
    }


    .gdc-title {

        margin-top: 10px;

        line-height:
            .91;
    }


    .gdc-title-main {

        font-size:
            clamp(53px, 13.5vw, 88px);

        letter-spacing:
            -.06em;
    }


    .gdc-title-year {

        margin-top: 7px;

        font-size:
            clamp(35px, 9vw, 62px);
    }


    .gdc-edition {

        margin-top: 17px;

        gap: 9px;
    }


    .gdc-edition h2 {

        font-size:
            clamp(13px, 3.5vw, 20px);

        letter-spacing:
            .08em;
    }


    .gdc-info-row {

        grid-template-columns:
            1fr;

        width: 100%;

        margin-top: 20px;

        gap: 7px;
    }


    .gdc-info-card {

        min-height: 58px;

        padding:
            9px 13px;
    }


    .gdc-info-icon {

        width: 34px;
        height: 34px;

        flex-basis: 34px;

        font-size: 15px;
    }


    .gdc-info-card strong {

        font-size: 11px;
    }


    .gdc-time-system {

        grid-template-columns:
            1fr 1fr;

        gap: 8px;

        margin-top: 17px;
    }


    .gdc-flip-card {

        min-height: 105px;

        padding: 10px;
    }


    .gdc-number {

        font-size:
            clamp(42px, 12vw, 65px);
    }


    .gdc-unit {

        font-size: 8px;

        margin-top: 7px;

        letter-spacing:
            .15em;
    }


    /* clock takes full row */

    .gdc-clock {

        width: 185px;
        height: 185px;

        grid-column:
            1 / -1;

        grid-row:
            2;

        justify-self:
            center;

        margin:
            18px 0;
    }


    .gdc-clock-ring {
        inset: -7px;
    }


    .ring-two {
        inset: -12px;
    }


    .ring-three {
        inset: -17px;
    }


    .gdc-live-clock {

        font-size: 27px;
    }


    .gdc-clock-label {

        font-size: 8px;
    }


    .gdc-live-date {

        font-size: 8px;
    }


    .gdc-malaysia-flag {

        width: 30px;
        height: 19px;

        margin-top: 8px;
    }


    .gdc-tagline {

        margin-top: 15px;

        gap: 7px;
    }


    .gdc-tagline span {

        min-width: 15px;
    }


    .gdc-tagline p {

        font-size:
            8px;

        line-height:
            1.5;

        white-space:
            normal;

        letter-spacing:
            .12em;
    }


    .gdc-hero-buttons {

        margin-top: 15px;
    }


    .gdc-apply-button {

        min-width:
            205px;

        min-height:
            50px;

        font-size:
            12px;
    }


    .gdc-scroll {

        bottom: 12px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 500px) {

    .gdc-hero {

        min-height:
            900px;
    }


    .gdc-hero-content {

        padding-top:
            42px;
    }


    .gdc-title-main {

        font-size:
            clamp(48px, 14.5vw, 70px);
    }


    .gdc-title-year {

        font-size:
            clamp(32px, 9.5vw, 52px);
    }


    .gdc-edition h2 {

        font-size:
            12px;

        letter-spacing:
            .07em;
    }


    .gdc-info-card {

        min-height:
            55px;
    }


    .gdc-flip-card {

        min-height:
            95px;
    }


    .gdc-number {

        font-size:
            42px;
    }


    .gdc-clock {

        width:
            170px;

        height:
            170px;
    }


    .gdc-live-clock {

        font-size:
            24px;
    }


    .gdc-scroll {

        display:
            none;
    }

}


/* =========================================================
   GDC HERO — DESKTOP HEIGHT FIX
   Prevent bottom content from getting cut
========================================================= */

@media (min-width: 901px) {

    .gdc-hero {

        height: auto !important;

        min-height: calc(100vh - 150px) !important;

        /* Content ko full show hone ki space */
        padding-bottom: 35px;

        overflow: visible !important;
    }


    .gdc-hero-content {

        min-height: calc(100vh - 150px);

        height: auto !important;

        padding-top: 45px;

        padding-bottom: 70px;

        justify-content: center;
    }


    /* Thoda compact spacing taake sab
       ek screen mein beautifully fit ho */

    .gdc-info-row {
        margin-top: 20px !important;
    }


    .gdc-time-system {
        margin-top: 20px !important;
    }


    .gdc-tagline {
        margin-top: 18px !important;
    }


    .gdc-hero-buttons {
        margin-top: 16px !important;
    }


    /* Scroll indicator ko content ke upar
       fixed bottom par rakho */

    .gdc-scroll {

        position: absolute;

        bottom: 15px;

    }

}

/* =========================================================
   GOLDEN LIGHTING — HEADER SOCIALS + APPLY NOW
========================================================= */

.header-socials a,
.header-register {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

/* Moving golden light */
.header-socials a::before,
.header-register::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;

    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        transparent 35deg,
        rgba(212, 175, 55, 0.15) 45deg,
        #d4af37 58deg,
        #fff4b0 68deg,
        #ffffff 76deg,
        #d4af37 88deg,
        rgba(212, 175, 55, 0.12) 105deg,
        transparent 125deg,
        transparent 215deg,
        rgba(212, 175, 55, 0.15) 225deg,
        #d4af37 240deg,
        #fff4b0 250deg,
        #ffffff 258deg,
        #d4af37 270deg,
        rgba(212, 175, 55, 0.12) 285deg,
        transparent 305deg,
        transparent 360deg
    );

    animation: headerGoldenLight 2.8s linear infinite;

    pointer-events: none;
    z-index: -1;
}


/* Inner surface — keeps original look */
.header-socials a::after,
.header-register::after {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: inherit;

    background: rgba(8, 5, 24, 0.96);

    pointer-events: none;
    z-index: -1;
}


/* Apply Now keeps its purple background */
.header-register::after {
    background: linear-gradient(
        135deg,
        #7719cf,
        #e00098
    );
}


/* Icons + text stay above lighting */
.header-socials a i,
.header-register span,
.header-register i {
    position: relative;
    z-index: 5;
}


/* Smooth travelling light */
@keyframes headerGoldenLight {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* Golden glow */
.header-socials a,
.header-register {
    box-shadow:
        0 0 0 rgba(212, 175, 55, 0);
}

.header-socials a::before,
.header-register::before {
    filter:
        drop-shadow(0 0 3px rgba(212, 175, 55, 0.75))
        drop-shadow(0 0 8px rgba(212, 175, 55, 0.35));
}
/* =========================================================
   MOBILE GOLDEN LIGHT BORDER
   SOCIAL ICONS + APPLY NOW
========================================================= */

@media (max-width: 900px) {

    /* ---------- MOBILE SOCIAL ICONS ---------- */

    .mobile-socials a {
        position: relative !important;
        isolation: isolate !important;
        overflow: hidden !important;
        border: none !important;
        background: rgba(8, 5, 24, 0.96) !important;
    }

    .mobile-socials a::before {
        content: "";
        position: absolute;
        inset: 0;
        padding: 1.5px;
        border-radius: 50%;

        background: conic-gradient(
            from 0deg,
            transparent 0deg,
            transparent 35deg,

            rgba(212,175,55,.15) 45deg,
            #d4af37 58deg,
            #fff4b0 68deg,
            #ffffff 76deg,
            #d4af37 88deg,

            transparent 115deg,
            transparent 215deg,

            rgba(212,175,55,.15) 225deg,
            #d4af37 240deg,
            #fff4b0 250deg,
            #ffffff 258deg,
            #d4af37 270deg,

            transparent 300deg,
            transparent 360deg
        );

        animation: mobileGoldenBorder 2.8s linear infinite;

        -webkit-mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);

        -webkit-mask-composite: xor;
        mask-composite: exclude;

        pointer-events: none;
        z-index: 1;

        filter:
            drop-shadow(0 0 3px rgba(212,175,55,.85))
            drop-shadow(0 0 7px rgba(212,175,55,.35));
    }

    .mobile-socials a i {
        position: relative !important;
        z-index: 5 !important;
    }


    /* ---------- MOBILE APPLY NOW ---------- */

    .mobile-register {
        position: relative !important;
        isolation: isolate !important;
        overflow: hidden !important;
        border: none !important;
        background:
            linear-gradient(
                120deg,
                #7140df,
                #9a56ff,
                #4169e1
            ) !important;
    }

    .mobile-register::before {
        content: "";
        position: absolute;
        inset: 0;
        padding: 2px;
        border-radius: inherit;

        background: conic-gradient(
            from 0deg,
            transparent 0deg,
            transparent 35deg,

            rgba(212,175,55,.15) 45deg,
            #d4af37 58deg,
            #fff4b0 68deg,
            #ffffff 76deg,
            #d4af37 88deg,

            transparent 115deg,
            transparent 215deg,

            rgba(212,175,55,.15) 225deg,
            #d4af37 240deg,
            #fff4b0 250deg,
            #ffffff 258deg,
            #d4af37 270deg,

            transparent 300deg,
            transparent 360deg
        );

        animation: mobileGoldenBorder 2.8s linear infinite;

        -webkit-mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);

        -webkit-mask-composite: xor;
        mask-composite: exclude;

        pointer-events: none;
        z-index: 1;

        filter:
            drop-shadow(0 0 4px rgba(212,175,55,.9))
            drop-shadow(0 0 9px rgba(212,175,55,.4));
    }

    .mobile-register span,
    .mobile-register i {
        position: relative !important;
        z-index: 5 !important;
    }
}


/* =========================================================
   MOBILE GOLDEN BORDER ANIMATION
========================================================= */

@keyframes mobileGoldenBorder {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }

}
/* =========================================================
   GDC MALAYSIA SECTION — PREMIUM LIGHT VERSION
   Clean • Bright • Gold Animated Borders • Responsive
========================================================= */

#gdcMalaysiaSection {
    --gm-bg: #070a12;
    --gm-bg2: #0d1422;
    --gm-blue: #164b87;
    --gm-red: #d7193f;
    --gm-pink: #ff3f9d;
    --gm-gold: #d4af37;
    --gm-gold-light: #fff0a6;
    --gm-white: #ffffff;
    --gm-text: rgba(255,255,255,.82);

    position: relative !important;
    width: 100% !important;

    min-height: 100vh;

    padding: 115px 0 100px;

    overflow: hidden !important;
    isolation: isolate;

    background:
        radial-gradient(
            circle at 12% 20%,
            rgba(255,63,157,.13),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 18%,
            rgba(30,100,190,.20),
            transparent 32%
        ),
        radial-gradient(
            circle at 50% 100%,
            rgba(215,25,63,.11),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #06080e 0%,
            #0b1220 48%,
            #08070e 100%
        );

    color: #fff;
}


/* =========================================================
   SOFT BACKGROUND LIGHT
========================================================= */

#gdcMalaysiaSection::before {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    left: -220px;
    top: 18%;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,63,157,.16),
            transparent 68%
        );

    filter: blur(60px);

    z-index: -5;

    pointer-events: none;
}


#gdcMalaysiaSection::after {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    right: -240px;
    bottom: 5%;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(20,91,180,.17),
            transparent 68%
        );

    filter: blur(70px);

    z-index: -5;

    pointer-events: none;
}


/* =========================================================
   BACKGROUND GRID
========================================================= */

#gdcMalaysiaSection .gdc-malaysia-bg {
    position: absolute;
    inset: 0;

    z-index: -4;

    opacity: .22;

    background-image:
        linear-gradient(
            rgba(255,255,255,.055) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.055) 1px,
            transparent 1px
        );

    background-size: 75px 75px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 20%,
            #000 80%,
            transparent
        );

    pointer-events: none;
}


/* =========================================================
   INNER
========================================================= */

#gdcMalaysiaSection .gdc-malaysia-inner {
    position: relative;

    width: min(1450px, 92%);

    margin: 0 auto;
}


/* =========================================================
   HEADING
========================================================= */

#gdcMalaysiaSection .gdc-malaysia-heading {
    max-width: 1000px;

    margin: 0 auto 75px;

    text-align: center;
}


#gdcMalaysiaSection .gdc-malaysia-kicker {
    display: flex;

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

    gap: 16px;

    margin-bottom: 20px;

    color: var(--gm-gold);

    font-size: 12px;
    font-weight: 800;

    letter-spacing: .30em;

    text-transform: uppercase;
}


#gdcMalaysiaSection .gdc-malaysia-kicker span {
    width: 60px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--gm-gold)
        );

    box-shadow:
        0 0 8px rgba(212,175,55,.5);
}


#gdcMalaysiaSection .gdc-malaysia-kicker span:last-child {
    background:
        linear-gradient(
            90deg,
            var(--gm-gold),
            transparent
        );
}


#gdcMalaysiaSection .gdc-malaysia-heading h2 {
    margin: 0;

    color: #fff;

    font-size: clamp(44px, 6vw, 86px);

    line-height: .98;

    font-weight: 900;

    letter-spacing: -.045em;

    text-transform: uppercase;
}


#gdcMalaysiaSection .gdc-malaysia-heading h2 strong {
    display: block;

    margin-top: 8px;

    color: transparent;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #ffffff 25%,
            #ff4b9d 48%,
            #d7193f 66%,
            #f5c94c 88%,
            #ffffff 100%
        );

    -webkit-background-clip: text;
    background-clip: text;

    filter:
        drop-shadow(
            0 0 18px rgba(255,63,157,.16)
        );
}


#gdcMalaysiaSection .gdc-malaysia-intro {
    max-width: 760px;

    margin: 27px auto 0;

    color: rgba(255,255,255,.76);

    font-size: clamp(15px, 1.05vw, 18px);

    line-height: 1.85;
}


/* =========================================================
   MAIN CONTENT
========================================================= */

#gdcMalaysiaSection .gdc-malaysia-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(400px, .95fr);

    align-items: center;

    gap: clamp(55px, 7vw, 110px);

    margin-bottom: 80px;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

#gdcMalaysiaSection .gdc-malaysia-content {
    position: relative;

    padding-left: 32px;
}


#gdcMalaysiaSection .gdc-malaysia-content::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 3px;

    background:
        linear-gradient(
            to bottom,
            var(--gm-red),
            var(--gm-pink),
            var(--gm-gold),
            transparent
        );

    box-shadow:
        0 0 14px rgba(255,63,157,.25);
}


#gdcMalaysiaSection .gdc-malaysia-number {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 20px;

    color: var(--gm-gold);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: .25em;

    text-transform: uppercase;
}


#gdcMalaysiaSection .gdc-malaysia-number span {
    color: var(--gm-pink);

    font-size: 16px;
}


#gdcMalaysiaSection .gdc-malaysia-content h3 {
    margin: 0 0 27px;

    color: #fff;

    font-size: clamp(36px, 4vw, 62px);

    line-height: 1.03;

    font-weight: 900;

    letter-spacing: -.04em;
}


#gdcMalaysiaSection .gdc-malaysia-content h3 span {
    display: block;

    margin-top: 10px;

    color: var(--gm-gold);

    font-size: .47em;

    line-height: 1.35;

    font-weight: 700;

    letter-spacing: .01em;
}


#gdcMalaysiaSection .gdc-malaysia-content p {
    max-width: 720px;

    margin: 0 0 18px;

    color: rgba(255,255,255,.78);

    font-size: clamp(14px, 1vw, 17px);

    line-height: 1.85;
}


#gdcMalaysiaSection .gdc-malaysia-content p strong {
    color: #fff;

    font-weight: 800;
}


/* =========================================================
   CROWN BOX
========================================================= */

#gdcMalaysiaSection .gdc-malaysia-highlight {
    position: relative;

    display: flex;

    align-items: center;

    gap: 16px;

    width: fit-content;

    margin-top: 28px;

    padding: 15px 20px;

    overflow: hidden;

    border: 1px solid rgba(212,175,55,.40);

    background:
        linear-gradient(
            110deg,
            rgba(255,255,255,.08),
            rgba(255,63,157,.07),
            rgba(30,91,160,.10)
        );

    backdrop-filter: blur(15px);

    box-shadow:
        0 15px 45px rgba(0,0,0,.28),
        inset 0 0 25px rgba(255,255,255,.025);
}


#gdcMalaysiaSection .gdc-malaysia-highlight-icon {
    display: flex;

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

    width: 48px;
    height: 48px;

    flex-shrink: 0;

    border-radius: 50%;

    border: 1px solid rgba(212,175,55,.55);

    color: var(--gm-gold);

    background:
        rgba(212,175,55,.09);

    box-shadow:
        0 0 18px rgba(212,175,55,.16);
}


#gdcMalaysiaSection .gdc-malaysia-highlight small {
    display: block;

    margin-bottom: 4px;

    color: rgba(255,255,255,.52);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .2em;
}


#gdcMalaysiaSection .gdc-malaysia-highlight strong {
    display: block;

    color: #fff;

    font-size: 16px;

    font-weight: 800;
}


/* =========================================================
   IMAGE
========================================================= */

#gdcMalaysiaSection .gdc-malaysia-visual {
    position: relative;

    min-width: 0;
}


#gdcMalaysiaSection .gdc-malaysia-image-frame {
    position: relative;

    width: 100%;

    aspect-ratio: 4 / 4.7;

    overflow: hidden;

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

    background: #111722;

    box-shadow:
        0 30px 75px rgba(0,0,0,.45),
        0 0 35px rgba(255,63,157,.07);

    transform: rotate(1deg);
}


#gdcMalaysiaSection .gdc-malaysia-image-frame::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 4;

    border: 1px solid rgba(212,175,55,.32);

    pointer-events: none;
}


#gdcMalaysiaSection .gdc-malaysia-image-frame::after {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    z-index: 6;

    background:
        linear-gradient(
            90deg,
            #d7193f 0%,
            #d7193f 35%,
            #ffffff 35%,
            #ffffff 68%,
            #164b87 68%,
            #164b87 100%
        );

    box-shadow:
        0 0 18px rgba(212,175,55,.35);
}


#gdcMalaysiaSection .gdc-malaysia-image-frame img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .8s cubic-bezier(.2,.8,.2,1);
}


#gdcMalaysiaSection .gdc-malaysia-image-frame:hover img {
    transform: scale(1.055);
}


#gdcMalaysiaSection .gdc-malaysia-image-overlay {
    position: absolute;

    inset: 0;

    z-index: 3;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 45%,
            rgba(0,0,0,.12) 65%,
            rgba(0,0,0,.68) 100%
        );

    pointer-events: none;
}


/* =========================================================
   IMAGE CORNER
========================================================= */

#gdcMalaysiaSection .gdc-malaysia-corner {
    position: absolute;

    top: 22px;
    right: 22px;

    z-index: 8;

    width: 55px;
    height: 55px;
}


#gdcMalaysiaSection .gdc-malaysia-corner span:first-child {
    position: absolute;

    top: 0;
    right: 0;

    width: 100%;
    height: 2px;

    background: var(--gm-gold);

    box-shadow:
        0 0 10px rgba(212,175,55,.75);
}


#gdcMalaysiaSection .gdc-malaysia-corner span:last-child {
    position: absolute;

    top: 0;
    right: 0;

    width: 2px;
    height: 100%;

    background: var(--gm-pink);

    box-shadow:
        0 0 10px rgba(255,63,157,.65);
}


#gdcMalaysiaSection .gdc-malaysia-image-label {
    position: absolute;

    left: 20px;
    bottom: 18px;

    z-index: 8;

    display: flex;

    align-items: center;

    gap: 9px;

    padding: 10px 14px;

    color: #fff;

    background:
        rgba(5,8,15,.72);

    border-left: 2px solid var(--gm-red);

    backdrop-filter: blur(10px);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .18em;
}


#gdcMalaysiaSection .gdc-malaysia-image-label i {
    color: var(--gm-gold);
}


/* =========================================================
   DATE CIRCLE
========================================================= */

#gdcMalaysiaSection .gdc-malaysia-visual-text {
    position: absolute;

    right: -35px;
    bottom: -30px;

    z-index: 10;

    display: flex;

    flex-direction: column;

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

    width: 145px;
    height: 145px;

    border-radius: 50%;

    border: 1px solid rgba(212,175,55,.60);

    background:
        radial-gradient(
            circle,
            #111b2b 0%,
            #080c14 70%
        );

    box-shadow:
        0 20px 55px rgba(0,0,0,.5),
        0 0 25px rgba(212,175,55,.10);
}


#gdcMalaysiaSection .gdc-malaysia-visual-text::before {
    content: "";

    position: absolute;

    inset: 7px;

    border: 1px solid rgba(255,63,157,.35);

    border-radius: 50%;
}


#gdcMalaysiaSection .gdc-malaysia-visual-text span {
    color: rgba(255,255,255,.55);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .25em;
}


#gdcMalaysiaSection .gdc-malaysia-visual-text strong {
    margin: 4px 0;

    color: var(--gm-gold);

    font-size: 23px;

    font-weight: 900;
}


#gdcMalaysiaSection .gdc-malaysia-visual-text small {
    color: #fff;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .2em;
}


/* =========================================================
   FEATURE CARDS
   LIGHTER + READABLE
========================================================= */

#gdcMalaysiaSection .gdc-malaysia-features {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 20px;

    margin-top: 20px;
}


#gdcMalaysiaSection .gdc-malaysia-feature {
    position: relative;

    min-height: 295px;

    padding: 29px;

    overflow: hidden;

    isolation: isolate;

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

    background:
        linear-gradient(
            145deg,
            rgba(24,35,55,.92),
            rgba(14,21,34,.94)
        );

    backdrop-filter: blur(16px);

    box-shadow:
        0 20px 50px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.06);

    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;
}


/* GOLDEN TRAVELLING BORDER */

#gdcMalaysiaSection .gdc-malaysia-feature::before {
    content: "";

    position: absolute;

    inset: -2px;

    z-index: -1;

    border-radius: inherit;

    background:
        conic-gradient(
            from 0deg,
            transparent 0deg,
            transparent 45deg,

            rgba(212,175,55,.08) 55deg,
            #d4af37 68deg,
            #fff3a8 76deg,
            #ffffff 82deg,
            #d4af37 92deg,

            transparent 120deg,
            transparent 225deg,

            rgba(212,175,55,.08) 235deg,
            #d4af37 248deg,
            #fff3a8 256deg,
            #ffffff 263deg,
            #d4af37 273deg,

            transparent 305deg,
            transparent 360deg
        );

    animation:
        gdcMalaysiaGoldBorder
        3.2s linear infinite;

    filter:
        drop-shadow(
            0 0 4px rgba(212,175,55,.85)
        )
        drop-shadow(
            0 0 13px rgba(212,175,55,.25)
        );

    pointer-events: none;
}


/* INNER PANEL HIDES THE CENTER */

#gdcMalaysiaSection .gdc-malaysia-feature::after {
    content: "";

    position: absolute;

    inset: 2px;

    z-index: -1;

    border-radius: inherit;

    background:
        linear-gradient(
            145deg,
            rgba(24,35,55,.98),
            rgba(11,18,29,.98)
        );

    pointer-events: none;
}


/* GOLD BORDER ANIMATION */

@keyframes gdcMalaysiaGoldBorder {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


/* CARD HOVER */

#gdcMalaysiaSection .gdc-malaysia-feature:hover {
    transform: translateY(-9px);

    border-color:
        rgba(212,175,55,.42);

    box-shadow:
        0 25px 65px rgba(0,0,0,.38),
        0 0 30px rgba(212,175,55,.10),
        inset 0 1px 0 rgba(255,255,255,.08);
}


/* CARD TOP */

#gdcMalaysiaSection .gdc-malaysia-feature-top {
    display: flex;

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

    margin-bottom: 27px;
}


#gdcMalaysiaSection .gdc-malaysia-feature-top > span {
    color: rgba(255,255,255,.42);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .2em;
}


/* ICON */

#gdcMalaysiaSection .gdc-malaysia-feature-icon {
    display: flex;

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

    width: 52px;
    height: 52px;

    border-radius: 50%;

    border: 1px solid rgba(212,175,55,.42);

    color: var(--gm-gold);

    background:
        rgba(212,175,55,.08);

    box-shadow:
        0 0 18px rgba(212,175,55,.10);

    font-size: 18px;

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


#gdcMalaysiaSection .gdc-malaysia-feature:hover
.gdc-malaysia-feature-icon {
    transform: rotate(-8deg) scale(1.06);

    box-shadow:
        0 0 25px rgba(212,175,55,.22);
}


/* CARD HEADING */

#gdcMalaysiaSection .gdc-malaysia-feature h4 {
    margin: 0 0 15px;

    color: #ffffff;

    font-size: clamp(21px, 1.55vw, 27px);

    line-height: 1.15;

    font-weight: 900;

    letter-spacing: -.02em;

    text-shadow:
        0 2px 15px rgba(0,0,0,.35);
}


/* CARD TEXT */

#gdcMalaysiaSection .gdc-malaysia-feature p {
    margin: 0;

    color: rgba(255,255,255,.76);

    font-size: 14px;

    line-height: 1.78;
}


/* SMALL GOLD LINE */

#gdcMalaysiaSection .gdc-malaysia-feature-line {
    width: 48px;
    height: 2px;

    margin-top: 23px;

    background:
        linear-gradient(
            90deg,
            var(--gm-red),
            var(--gm-gold)
        );

    box-shadow:
        0 0 9px rgba(212,175,55,.35);

    transition:
        width .45s ease;
}


#gdcMalaysiaSection .gdc-malaysia-feature:hover
.gdc-malaysia-feature-line {
    width: 105px;
}


#gdcMalaysiaSection .gdc-malaysia-feature > small {
    display: block;

    margin-top: 12px;

    color: rgba(255,255,255,.48);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .22em;
}


/* =========================================================
   BOTTOM STATEMENT
========================================================= */

#gdcMalaysiaSection .gdc-malaysia-statement {
    display: flex;

    align-items: center;

    gap: 24px;

    margin-top: 75px;
}


#gdcMalaysiaSection .gdc-malaysia-statement-line {
    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(212,175,55,.38)
        );
}


#gdcMalaysiaSection .gdc-malaysia-statement-line:last-child {
    background:
        linear-gradient(
            90deg,
            rgba(212,175,55,.38),
            transparent
        );
}


#gdcMalaysiaSection .gdc-malaysia-statement p {
    max-width: 720px;

    margin: 0;

    color: rgba(255,255,255,.56);

    text-align: center;

    font-size: clamp(10px, .8vw, 13px);

    font-weight: 800;

    letter-spacing: .23em;

    line-height: 1.8;
}


#gdcMalaysiaSection .gdc-malaysia-statement p span:first-child {
    color: #fff;
}


#gdcMalaysiaSection .gdc-malaysia-statement p span:last-child {
    color: var(--gm-pink);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    #gdcMalaysiaSection {
        padding-top: 95px;
    }

    #gdcMalaysiaSection .gdc-malaysia-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(330px, .85fr);

        gap: 45px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 900px) {

    #gdcMalaysiaSection {
        padding: 80px 0 75px;

        min-height: auto;
    }


    #gdcMalaysiaSection .gdc-malaysia-inner {
        width: 90%;
    }


    #gdcMalaysiaSection .gdc-malaysia-heading {
        margin-bottom: 55px;
    }


    #gdcMalaysiaSection .gdc-malaysia-kicker {
        gap: 9px;

        font-size: 9px;

        letter-spacing: .20em;
    }


    #gdcMalaysiaSection .gdc-malaysia-kicker span {
        width: 28px;
    }


    #gdcMalaysiaSection .gdc-malaysia-heading h2 {
        font-size: clamp(38px, 10vw, 60px);
    }


    #gdcMalaysiaSection .gdc-malaysia-intro {
        font-size: 14px;

        line-height: 1.8;
    }


    #gdcMalaysiaSection .gdc-malaysia-layout {
        display: flex;

        flex-direction: column;

        gap: 55px;
    }


    #gdcMalaysiaSection .gdc-malaysia-content {
        padding-left: 23px;
    }


    #gdcMalaysiaSection .gdc-malaysia-content h3 {
        font-size: clamp(34px, 9vw, 52px);
    }


    #gdcMalaysiaSection .gdc-malaysia-content h3 span {
        font-size: .50em;
    }


    #gdcMalaysiaSection .gdc-malaysia-content p {
        font-size: 14px;

        line-height: 1.8;
    }


    #gdcMalaysiaSection .gdc-malaysia-highlight {
        width: 100%;

        box-sizing: border-box;
    }


    #gdcMalaysiaSection .gdc-malaysia-visual {
        width: 94%;

        margin: 0 auto;
    }


    #gdcMalaysiaSection .gdc-malaysia-image-frame {
        transform: none;

        aspect-ratio: 4 / 4.8;
    }


    #gdcMalaysiaSection .gdc-malaysia-visual-text {
        right: -10px;
        bottom: -23px;

        width: 120px;
        height: 120px;
    }


    #gdcMalaysiaSection .gdc-malaysia-features {
        grid-template-columns: 1fr;

        gap: 17px;
    }


    #gdcMalaysiaSection .gdc-malaysia-feature {
        min-height: auto;

        padding: 26px;
    }


    #gdcMalaysiaSection .gdc-malaysia-feature h4 {
        font-size: 24px;
    }


    #gdcMalaysiaSection .gdc-malaysia-feature p {
        font-size: 14px;

        color: rgba(255,255,255,.78);
    }


    #gdcMalaysiaSection .gdc-malaysia-statement {
        margin-top: 55px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 500px) {

    #gdcMalaysiaSection {
        padding: 70px 0;
    }


    #gdcMalaysiaSection .gdc-malaysia-inner {
        width: 88%;
    }


    #gdcMalaysiaSection .gdc-malaysia-heading h2 {
        font-size: 38px;
    }


    #gdcMalaysiaSection .gdc-malaysia-content {
        padding-left: 18px;
    }


    #gdcMalaysiaSection .gdc-malaysia-content h3 {
        font-size: 34px;
    }


    #gdcMalaysiaSection .gdc-malaysia-content h3 span {
        font-size: 17px;
    }


    #gdcMalaysiaSection .gdc-malaysia-feature {
        padding: 23px;
    }


    #gdcMalaysiaSection .gdc-malaysia-feature h4 {
        font-size: 22px;
    }


    #gdcMalaysiaSection .gdc-malaysia-feature p {
        font-size: 14px;

        line-height: 1.75;
    }


    #gdcMalaysiaSection .gdc-malaysia-visual-text {
        width: 105px;
        height: 105px;

        right: -6px;
    }


    #gdcMalaysiaSection .gdc-malaysia-statement-line {
        display: none;
    }

}

/* =========================================================
   DEBATE TRACKS — CINEMATIC BLUE / GOLD / PINK
========================================================= */

.debate-tracks-section {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 125px 0 120px;
    overflow: hidden;
    isolation: isolate;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(40, 111, 255, 0.22),
            transparent 32%
        ),
        radial-gradient(
            circle at 85% 18%,
            rgba(220, 55, 190, 0.20),
            transparent 30%
        ),
        radial-gradient(
            circle at 50% 90%,
            rgba(10, 116, 255, 0.18),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #070a20 0%,
            #0b1230 28%,
            #11153c 52%,
            #160f31 75%,
            #08091b 100%
        );

    color: #ffffff;
}


/* BACKGROUND GRID */

.dt-grid {
    position: absolute;
    inset: 0;
    z-index: -4;
    opacity: 0.18;

    background-image:
        linear-gradient(
            rgba(80, 150, 255, 0.18) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(80, 150, 255, 0.18) 1px,
            transparent 1px
        );

    background-size: 65px 65px;

    mask-image: linear-gradient(
        to bottom,
        transparent,
        black 15%,
        black 85%,
        transparent
    );
}


/* FLOATING LIGHT ORBS */

.dt-bg-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(10px);
    z-index: -3;
}

.dt-orb-one {
    width: 360px;
    height: 360px;
    top: 5%;
    left: -180px;

    background: radial-gradient(
        circle,
        rgba(0, 132, 255, 0.35),
        transparent 70%
    );

    animation: dtOrbFloat1 9s ease-in-out infinite;
}

.dt-orb-two {
    width: 300px;
    height: 300px;
    right: -120px;
    top: 28%;

    background: radial-gradient(
        circle,
        rgba(238, 55, 190, 0.28),
        transparent 70%
    );

    animation: dtOrbFloat2 11s ease-in-out infinite;
}

.dt-orb-three {
    width: 420px;
    height: 420px;
    left: 40%;
    bottom: -250px;

    background: radial-gradient(
        circle,
        rgba(28, 107, 255, 0.22),
        transparent 70%
    );

    animation: dtOrbFloat3 13s ease-in-out infinite;
}


@keyframes dtOrbFloat1 {
    0%,100% {
        transform: translate3d(0,0,0);
    }

    50% {
        transform: translate3d(90px,50px,0);
    }
}

@keyframes dtOrbFloat2 {
    0%,100% {
        transform: translate3d(0,0,0);
    }

    50% {
        transform: translate3d(-80px,40px,0);
    }
}

@keyframes dtOrbFloat3 {
    0%,100% {
        transform: translate3d(0,0,0);
    }

    50% {
        transform: translate3d(50px,-60px,0);
    }
}


/* CONTAINER */

.dt-container {
    position: relative;
    width: min(1500px, 92%);
    margin: auto;
}


/* =========================================================
   HEADING
========================================================= */

.dt-heading-wrap {
    position: relative;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto 70px;
}


.dt-kicker {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.35em;
    color: #b9d7ff;
    text-transform: uppercase;
}


.dt-kicker-line {
    width: 65px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d4af37,
            #70b7ff
        );
}


.dt-kicker-dot {
    color: #d4af37;
    font-size: 17px;
}


.dt-main-title {
    margin: 20px 0 15px;

    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(60px, 8vw, 125px);
    line-height: 0.85;
    font-weight: 900;
    letter-spacing: -0.045em;

    color: #ffffff;

    text-shadow:
        0 0 35px rgba(92, 166, 255, 0.20);
}


.dt-main-title span {
    display: inline-block;

    background:
        linear-gradient(
            110deg,
            #ffffff 0%,
            #9bd2ff 28%,
            #d67bff 58%,
            #f4c85a 86%,
            #ffffff 100%
        );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    background-size: 250% auto;

    animation: dtTitleGradient 6s linear infinite;
}


@keyframes dtTitleGradient {
    0% {
        background-position: 0% center;
    }

    100% {
        background-position: 250% center;
    }
}


.dt-subtitle {
    max-width: 650px;
    margin: 0 auto;

    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(220, 232, 255, 0.78);
}


/* =========================================================
   CARDS GRID
========================================================= */

.debate-tracks-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 22px;

    perspective: 1800px;
}


/* =========================================================
   CARD
========================================================= */

.debate-track-card {
    --mx: 50%;
    --my: 50%;
    --rotateX: 0deg;
    --rotateY: 0deg;

    position: relative;

    min-height: 600px;

    border-radius: 24px;

    overflow: visible;

    transform-style: preserve-3d;

    transform:
        perspective(1300px)
        rotateX(var(--rotateX))
        rotateY(var(--rotateY))
        translateZ(0);

    transition:
        transform 0.18s ease-out,
        box-shadow 0.35s ease;

    background:
        linear-gradient(
            145deg,
            rgba(21, 34, 67, 0.96),
            rgba(9, 14, 35, 0.98)
        );

    border: 1px solid rgba(123, 184, 255, 0.28);

    box-shadow:
        0 25px 70px rgba(0,0,0,0.38),
        inset 0 0 35px rgba(50,130,255,0.05);

    isolation: isolate;
}


/* GOLDEN ANIMATED BORDER */

.debate-track-card::before {
    content: "";

    position: absolute;
    inset: -2px;

    border-radius: 26px;

    background:
        conic-gradient(
            from 0deg,
            transparent 0deg,
            transparent 45deg,
            #d4af37 80deg,
            #fff0a4 105deg,
            transparent 135deg,
            transparent 210deg,
            #69b8ff 250deg,
            #d4af37 285deg,
            transparent 325deg
        );

    z-index: -2;

    opacity: 0.65;

    animation:
        dtCardBorder 5s linear infinite;
}


@keyframes dtCardBorder {
    to {
        transform: rotate(360deg);
    }
}


/* INNER MASK */

.debate-track-card::after {
    content: "";

    position: absolute;
    inset: 1px;

    border-radius: 23px;

    background:
        linear-gradient(
            145deg,
            #101b3a,
            #090d25
        );

    z-index: -1;
}


/* HOVER */

.debate-track-card:hover {
    transform:
        perspective(1300px)
        rotateX(var(--rotateX))
        rotateY(var(--rotateY))
        translateY(-14px)
        translateZ(20px);

    border-color: rgba(255, 221, 115, 0.75);

    box-shadow:
        0 40px 90px rgba(0,0,0,0.55),
        0 0 35px rgba(55, 140, 255, 0.22),
        0 0 75px rgba(212,175,55,0.08);
}


/* =========================================================
   CARD IMAGE
========================================================= */

.dt-card-image {
    position: relative;

    width: calc(100% - 20px);
    height: 270px;

    margin: 10px;

    border-radius: 17px;

    overflow: hidden;

    transform: translateZ(28px);

    background: #080c20;
}


.dt-card-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transform: scale(1.01);

    transition:
        transform 0.8s cubic-bezier(.2,.7,.2,1),
        filter 0.6s ease;
}


.debate-track-card:hover .dt-card-image img {
    transform: scale(1.12);

    filter:
        saturate(1.18)
        contrast(1.05)
        brightness(1.08);
}


/* IMAGE OVERLAY */

.dt-image-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(3,8,25,0.05) 20%,
            rgba(5,8,25,0.30) 50%,
            rgba(5,7,22,0.95) 100%
        );

    pointer-events: none;
}


/* CARD NUMBER */

.dt-number {
    position: absolute;

    top: 16px;
    right: 17px;

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.2em;

    color: #fff;

    padding: 8px 11px;

    border-radius: 9px;

    background: rgba(5,9,25,0.58);

    border: 1px solid rgba(255,220,110,0.55);

    backdrop-filter: blur(10px);

    box-shadow:
        0 0 18px rgba(212,175,55,0.16);

    z-index: 5;
}


/* ICON */

.dt-icon {
    position: absolute;

    left: 18px;
    bottom: 16px;

    width: 48px;
    height: 48px;

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

    border-radius: 13px;

    color: #f8d66b;
    font-size: 19px;

    background:
        rgba(7,12,31,0.82);

    border:
        1px solid rgba(212,175,55,0.7);

    box-shadow:
        0 0 20px rgba(212,175,55,0.16);

    backdrop-filter: blur(10px);

    transform: translateZ(35px);

    transition:
        transform 0.5s ease,
        background 0.5s ease;
}


.debate-track-card:hover .dt-icon {
    transform:
        translateZ(55px)
        rotate(-5deg)
        scale(1.08);

    background:
        linear-gradient(
            135deg,
            rgba(212,175,55,0.22),
            rgba(39,116,255,0.20)
        );
}


/* =========================================================
   CARD CONTENT
========================================================= */

.dt-card-content {
    position: relative;

    padding: 12px 25px 25px;

    transform: translateZ(30px);
}


.dt-card-label {
    display: block;

    margin-bottom: 13px;

    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.17em;

    color: #76baff;
}


.dt-card-content h3 {
    margin: 0 0 16px;

    font-family: "Playfair Display", Georgia, serif;

    font-size: clamp(23px, 1.7vw, 31px);

    line-height: 1.05;

    font-weight: 800;

    color: #ffffff;
}


.dt-card-content h3 span {
    display: block;

    margin-top: 3px;

    background:
        linear-gradient(
            90deg,
            #f5d477,
            #ffffff,
            #9ecfff
        );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}


.dt-card-content p {
    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: 12px;
    line-height: 1.75;

    color: rgba(221,231,250,0.78);
}


/* CARD BOTTOM */

.dt-card-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 25px;
    padding-top: 15px;

    border-top:
        1px solid rgba(126,173,236,0.15);

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.16em;

    color: #d4af37;
}


.dt-card-bottom i {
    width: 30px;
    height: 30px;

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

    border-radius: 50%;

    border:
        1px solid rgba(212,175,55,0.45);

    transition:
        transform 0.4s ease,
        background 0.4s ease;
}


.debate-track-card:hover .dt-card-bottom i {
    transform: translateX(5px);

    background: rgba(212,175,55,0.15);
}


/* =========================================================
   FLOATING NOTEPAD
========================================================= */

.dt-floating-note {
    position: fixed;

    left: 0;
    top: 0;

    width: 285px;

    padding: 17px 18px 19px;

    z-index: 9999;

    pointer-events: none;

    opacity: 0;

    transform:
        translate3d(-50%, -50%, 0)
        rotate(-2deg)
        scale(0.75);

    transform-origin: center;

    transition:
        opacity 0.18s ease,
        transform 0.18s ease;

    background:
        linear-gradient(
            145deg,
            #fffdf5,
            #f8efd5
        );

    color: #17213c;

    border-radius: 5px 5px 14px 14px;

    box-shadow:
        0 22px 60px rgba(0,0,0,0.38),
        0 0 35px rgba(255,205,82,0.15);

    border:
        1px solid rgba(212,175,55,0.75);

    font-family: "Poppins", sans-serif;
}


.dt-floating-note.active {
    opacity: 1;

    transform:
        translate3d(-50%, -50%, 0)
        rotate(-2deg)
        scale(1);
}


/* NOTE PIN */

.dt-note-pin {
    position: absolute;

    top: -8px;
    left: 50%;

    width: 15px;
    height: 15px;

    border-radius: 50%;

    transform: translateX(-50%);

    background:
        radial-gradient(
            circle at 35% 30%,
            #fff5bb,
            #d4af37 45%,
            #8d6814 100%
        );

    box-shadow:
        0 3px 8px rgba(0,0,0,0.25);
}


.dt-note-top {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 11px;

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.17em;

    color: #80651e;
}


.dt-note-paper {
    padding: 12px 13px;

    border-left:
        2px solid #d4af37;

    background:
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 22px,
            rgba(82,102,130,0.12) 23px
        );

    font-family: Georgia, serif;

    font-size: 14px;
    line-height: 1.55;

    font-style: italic;
}


.dt-note-arrow {
    margin-top: 8px;

    text-align: right;

    font-size: 23px;

    color: #c09422;
}


/* =========================================================
   CTA
========================================================= */

.dt-cta-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;

    margin-top: 75px;
}


.dt-cta-line {
    width: min(180px, 22vw);
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(212,175,55,0.7),
            transparent
        );

    margin-bottom: 20px;
}


.dt-cta-line:last-of-type {
    margin-top: 20px;
    margin-bottom: 0;
}


.dt-apply-btn {
    position: relative;

    display: inline-flex;
    align-items: center;

    min-width: 285px;
    height: 68px;

    padding: 0 11px;

    border-radius: 100px;

    text-decoration: none;

    overflow: hidden;

    background:
        linear-gradient(
            110deg,
            #10153d,
            #1c2760,
            #771f9f,
            #121840
        );

    background-size: 250% 100%;

    border:
        1px solid rgba(255,218,108,0.9);

    box-shadow:
        0 15px 45px rgba(0,0,0,0.38),
        0 0 25px rgba(67,145,255,0.20),
        inset 0 0 25px rgba(255,255,255,0.04);

    animation:
        dtButtonGradient 6s ease infinite;

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}


@keyframes dtButtonGradient {
    0%,100% {
        background-position: 0% center;
    }

    50% {
        background-position: 100% center;
    }
}


.dt-apply-btn:hover {
    transform:
        translateY(-7px)
        scale(1.035);

    box-shadow:
        0 25px 65px rgba(0,0,0,0.48),
        0 0 35px rgba(82,157,255,0.35),
        0 0 60px rgba(212,175,55,0.12);
}


.dt-btn-shine {
    position: absolute;

    top: 0;
    left: -100%;

    width: 70%;
    height: 100%;

    transform: skewX(-20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.22),
            transparent
        );

    animation:
        dtButtonShine 3.5s ease-in-out infinite;
}


@keyframes dtButtonShine {
    0% {
        left: -100%;
    }

    45%,100% {
        left: 150%;
    }
}


.dt-btn-icon {
    position: relative;

    width: 48px;
    height: 48px;

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

    border-radius: 50%;

    color: #f7d36d;

    border:
        1px solid rgba(247,211,109,0.55);

    background:
        rgba(0,0,0,0.18);
}


.dt-btn-text {
    position: relative;

    margin-left: 16px;

    font-family: "Poppins", sans-serif;

    font-size: 15px;
    font-weight: 900;

    letter-spacing: 0.18em;

    color: #ffffff;
}


.dt-btn-arrow {
    position: relative;

    margin-left: auto;

    width: 43px;
    height: 43px;

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

    border-radius: 50%;

    color: #ffffff;

    background:
        rgba(255,255,255,0.08);

    transition:
        transform 0.35s ease;
}


.dt-apply-btn:hover .dt-btn-arrow {
    transform: translateX(5px);
}


.dt-cta-wrap small {
    margin-top: 18px;

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 0.28em;

    color: rgba(174,199,235,0.65);

    text-align: center;
}


/* =========================================================
   RESPONSIVE — TABLET
========================================================= */

@media (max-width: 1200px) {

    .debate-tracks-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 25px;
    }

    .debate-track-card {
        min-height: 570px;
    }

    .dt-card-content h3 {
        font-size: 28px;
    }

}


/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */

@media (max-width: 700px) {

    .debate-tracks-section {
        padding:
            85px 0
            80px;
    }

    .dt-container {
        width: min(92%, 500px);
    }

    .dt-heading-wrap {
        margin-bottom: 45px;
    }

    .dt-kicker {
        font-size: 8px;
        letter-spacing: 0.2em;
        gap: 8px;
    }

    .dt-kicker-line {
        width: 25px;
    }

    .dt-main-title {
        font-size: clamp(50px, 16vw, 82px);
        line-height: 0.88;
    }

    .dt-subtitle {
        font-size: 12px;
        line-height: 1.7;
        padding: 0 12px;
    }

    .debate-tracks-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .debate-track-card {
        min-height: auto;

        transform: none !important;
    }

    .debate-track-card:hover {
        transform:
            translateY(-8px) !important;
    }

    .dt-card-image {
        height: 245px;
    }

    .dt-card-content {
        padding:
            10px 22px 23px;
    }

    .dt-card-content h3 {
        font-size: 27px;
    }

    .dt-card-content p {
        font-size: 12px;
    }

    .dt-floating-note {
        display: none;
    }

    .dt-cta-wrap {
        margin-top: 55px;
    }

    .dt-apply-btn {
        min-width: min(290px, 90vw);
        height: 62px;
    }

    .dt-btn-text {
        font-size: 13px;
        margin-left: 12px;
    }

    .dt-btn-icon {
        width: 43px;
        height: 43px;
    }

    .dt-btn-arrow {
        width: 39px;
        height: 39px;
    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 420px) {

    .debate-tracks-section {
        padding-top: 70px;
    }

    .dt-card-image {
        height: 220px;
    }

    .dt-card-content h3 {
        font-size: 24px;
    }

    .dt-card-content p {
        font-size: 11.5px;
    }

    .dt-apply-btn {
        min-width: 270px;
    }

    .dt-btn-text {
        letter-spacing: 0.12em;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .dt-bg-orb,
    .dt-main-title span,
    .debate-track-card::before,
    .dt-apply-btn,
    .dt-btn-shine {
        animation: none !important;
    }

    .debate-track-card {
        transform: none !important;
        transition: none !important;
    }

}
/* =========================================================
   PARTICIPATION SECTION
   BLUE / VIOLET / GOLD CINEMATIC THEME
========================================================= */

.participation-section {
    position: relative;
    width: 100%;
    min-height: 100vh;

    padding: 130px 0 120px;

    overflow: hidden;
    isolation: isolate;

    color: #ffffff;

    background:
        radial-gradient(
            circle at 12% 15%,
            rgba(38, 112, 255, 0.22),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 15%,
            rgba(173, 67, 255, 0.20),
            transparent 30%
        ),
        radial-gradient(
            circle at 50% 100%,
            rgba(23, 89, 220, 0.18),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            #06091d 0%,
            #0b1230 32%,
            #11163c 55%,
            #171035 76%,
            #07091d 100%
        );
}


/* =========================================================
   GRID
========================================================= */

.participation-bg-grid {
    position: absolute;
    inset: 0;

    z-index: -5;

    opacity: .16;

    background-image:
        linear-gradient(
            rgba(83, 157, 255, .20) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(83, 157, 255, .20) 1px,
            transparent 1px
        );

    background-size: 70px 70px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 15%,
            black 85%,
            transparent
        );
}


/* =========================================================
   BACKGROUND ORBS
========================================================= */

.participation-bg-orb {
    pointer-events: none;
}


.participation-orb {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(20px);

    z-index: -4;
}


.participation-orb-1 {
    width: 420px;
    height: 420px;

    left: -220px;
    top: 8%;

    background:
        radial-gradient(
            circle,
            rgba(0, 123, 255, .30),
            transparent 70%
        );

    animation:
        participationOrbOne 11s ease-in-out infinite;
}


.participation-orb-2 {
    width: 360px;
    height: 360px;

    right: -170px;
    top: 35%;

    background:
        radial-gradient(
            circle,
            rgba(205, 47, 255, .24),
            transparent 70%
        );

    animation:
        participationOrbTwo 13s ease-in-out infinite;
}


.participation-orb-3 {
    width: 500px;
    height: 500px;

    left: 38%;
    bottom: -330px;

    background:
        radial-gradient(
            circle,
            rgba(24, 117, 255, .18),
            transparent 70%
        );

    animation:
        participationOrbThree 15s ease-in-out infinite;
}


@keyframes participationOrbOne {

    0%,100% {
        transform: translate3d(0,0,0);
    }

    50% {
        transform: translate3d(100px,70px,0);
    }

}


@keyframes participationOrbTwo {

    0%,100% {
        transform: translate3d(0,0,0);
    }

    50% {
        transform: translate3d(-90px,60px,0);
    }

}


@keyframes participationOrbThree {

    0%,100% {
        transform: translate3d(0,0,0);
    }

    50% {
        transform: translate3d(60px,-70px,0);
    }

}


/* =========================================================
   LIGHT LINES
========================================================= */

.participation-light-line {
    position: absolute;

    width: 50%;
    height: 1px;

    opacity: .35;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(91,170,255,.6),
            rgba(212,175,55,.5),
            transparent
        );

    z-index: -2;
}


.participation-light-line-1 {
    top: 19%;
    left: -15%;

    transform: rotate(-8deg);
}


.participation-light-line-2 {
    bottom: 25%;
    right: -15%;

    transform: rotate(-8deg);
}


/* =========================================================
   CONTAINER
========================================================= */

.participation-container {
    position: relative;

    width: min(1450px, 92%);

    margin: auto;
}


/* =========================================================
   INTRO
========================================================= */

.participation-intro {
    text-align: center;

    max-width: 1000px;

    margin:
        0 auto 55px;
}


.participation-eyebrow {
    display: flex;

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

    gap: 14px;

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .35em;

    color: #91c9ff;
}


.participation-eyebrow span {
    width: 55px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d4af37
        );
}


.participation-title {
    margin:
        20px 0 18px;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(45px, 6vw, 86px);

    line-height: .9;

    font-weight: 900;

    letter-spacing: -.04em;

    color: #ffffff;
}


.participation-title strong {
    display: inline-block;

    font-size:
        clamp(80px, 11vw, 155px);

    line-height: .75;

    margin:
        0 12px;

    background:
        linear-gradient(
            120deg,
            #ffffff,
            #7dc5ff 35%,
            #c979ff 65%,
            #f4cf69
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;

    filter:
        drop-shadow(
            0 0 25px
            rgba(77,154,255,.18)
        );
}


.participation-title em {
    display: block;

    margin-top: 16px;

    font-size:
        clamp(20px, 2.5vw, 36px);

    font-style: normal;

    letter-spacing: .16em;

    color: #d7e6ff;
}


.participation-description {
    max-width: 750px;

    margin: auto;

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    line-height: 1.9;

    color:
        rgba(
            216,
            229,
            255,
            .72
        );
}


.participation-description strong {
    color: #ffffff;
}


.participation-description span {
    color: #e0a9ff;
}


/* =========================================================
   MAIN COUNTER
========================================================= */

.seats-showcase {
    position: relative;

    display: flex;

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

    min-height: 300px;

    margin-bottom: 45px;
}


.main-seat-counter {
    position: relative;

    width: 300px;
    height: 300px;

    display: flex;

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

    perspective: 900px;
}


.counter-core {
    position: relative;

    z-index: 4;

    width: 215px;
    height: 215px;

    display: flex;

    flex-direction: column;

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

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 25%,
            rgba(83,155,255,.20),
            rgba(8,13,40,.96) 60%
        );

    border:
        1px solid
        rgba(
            212,
            175,
            55,
            .72
        );

    box-shadow:
        0 0 35px
        rgba(57,139,255,.18),

        0 0 80px
        rgba(212,175,55,.07),

        inset 0 0 35px
        rgba(72,139,255,.13);

    transform:
        translateZ(35px);

    animation:
        counterPulse 4s ease-in-out infinite;
}


@keyframes counterPulse {

    0%,100% {
        box-shadow:
            0 0 35px rgba(57,139,255,.18),
            0 0 80px rgba(212,175,55,.07),
            inset 0 0 35px rgba(72,139,255,.13);
    }

    50% {
        box-shadow:
            0 0 55px rgba(57,139,255,.28),
            0 0 100px rgba(212,175,55,.10),
            inset 0 0 50px rgba(72,139,255,.18);
    }

}


.counter-small {
    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .24em;

    color: #7fbfff;
}


.counter-number {
    margin:
        4px 0;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 86px;

    line-height: .9;

    font-weight: 900;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #72baff,
            #d9a1ff,
            #f3ce65
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}


.counter-label {
    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .2em;

    color:
        rgba(
            225,
            235,
            255,
            .70
        );
}


/* ORBITS */

.counter-orbit {
    position: absolute;

    border-radius: 50%;

    border:
        1px solid
        rgba(
            92,
            164,
            255,
            .30
        );

    pointer-events: none;
}


.orbit-one {
    width: 270px;
    height: 130px;

    transform:
        rotate(35deg);

    animation:
        orbitRotateOne 9s linear infinite;
}


.orbit-two {
    width: 280px;
    height: 115px;

    transform:
        rotate(-40deg);

    border-color:
        rgba(
            212,
            175,
            55,
            .28
        );

    animation:
        orbitRotateTwo 11s linear infinite;
}


@keyframes orbitRotateOne {

    to {
        transform:
            rotate(395deg);
    }

}


@keyframes orbitRotateTwo {

    to {
        transform:
            rotate(-400deg);
    }

}


/* =========================================================
   DECOR
========================================================= */

.seat-decor {
    position: absolute;

    display: flex;

    gap: 8px;

    align-items: center;
}


.seat-decor-left {
    left: 23%;
}


.seat-decor-right {
    right: 23%;
}


.seat-decor span {
    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #6dbbff;

    box-shadow:
        0 0 12px
        rgba(83,169,255,.9);

    animation:
        seatDotPulse 2s ease-in-out infinite;
}


.seat-decor span:nth-child(2) {
    animation-delay: .3s;

    background: #d4af37;
}


.seat-decor span:nth-child(3) {
    animation-delay: .6s;
}


@keyframes seatDotPulse {

    0%,100% {
        opacity: .3;
        transform: scale(.7);
    }

    50% {
        opacity: 1;
        transform: scale(1.3);
    }

}


/* =========================================================
   CATEGORY GRID
========================================================= */

.seat-category-grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 20px;

    perspective: 1500px;
}


/* =========================================================
   CATEGORY CARD
========================================================= */

.seat-category-card {

    position: relative;

    min-height: 320px;

    padding: 27px 25px 25px;

    overflow: hidden;

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(25,39,77,.90),
            rgba(8,13,36,.96)
        );

    border:
        1px solid
        rgba(
            102,
            166,
            255,
            .24
        );

    box-shadow:
        0 25px 55px
        rgba(0,0,0,.30),

        inset 0 0 30px
        rgba(65,135,255,.04);

    transform-style: preserve-3d;

    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        box-shadow .45s ease,
        border-color .45s ease;
}


/* GOLDEN BORDER */

.seat-category-card::before {

    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 22px;

    background:
        conic-gradient(
            from 0deg,
            transparent 0deg,
            transparent 55deg,
            #d4af37 90deg,
            #fff1a4 115deg,
            transparent 145deg,
            transparent 210deg,
            #5eafff 250deg,
            #d4af37 285deg,
            transparent 325deg
        );

    z-index: -2;

    opacity: .55;

    animation:
        categoryBorder 6s linear infinite;
}


@keyframes categoryBorder {

    to {
        transform:
            rotate(360deg);
    }

}


/* INNER */

.seat-category-card::after {

    content: "";

    position: absolute;

    inset: 1px;

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            #111d3e,
            #090d27
        );

    z-index: -1;
}


.seat-category-card:hover {

    transform:
        translateY(-13px)
        rotateX(3deg)
        rotateY(-3deg);

    border-color:
        rgba(
            212,
            175,
            55,
            .65
        );

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

        0 0 35px
        rgba(63,144,255,.14);
}


/* FEATURED */

.featured-seat-card {

    border-color:
        rgba(
            212,
            175,
            55,
            .40
        );
}


/* CARD NUMBER */

.seat-card-number {

    position: absolute;

    top: 20px;
    right: 20px;

    font-family: "Poppins", sans-serif;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .15em;

    color:
        rgba(
            160,
            198,
            241,
            .55
        );
}


/* ICON */

.seat-card-icon {

    width: 52px;
    height: 52px;

    display: flex;

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

    border-radius: 14px;

    color: #f1cb63;

    background:
        linear-gradient(
            135deg,
            rgba(49,120,255,.16),
            rgba(212,175,55,.10)
        );

    border:
        1px solid
        rgba(
            212,
            175,
            55,
            .48
        );

    box-shadow:
        0 0 25px
        rgba(
            212,
            175,
            55,
            .08
        );

    transform:
        translateZ(25px);

    transition:
        transform .4s ease,
        background .4s ease;
}


.seat-category-card:hover
.seat-card-icon {

    transform:
        translateZ(45px)
        rotate(-5deg)
        scale(1.08);

    background:
        linear-gradient(
            135deg,
            rgba(49,120,255,.25),
            rgba(212,175,55,.18)
        );
}


/* COUNT */

.seat-card-count {

    display: flex;

    align-items: baseline;

    gap: 6px;

    margin:
        24px 0 10px;
}


.seat-card-count strong {

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 54px;

    line-height: .9;

    color: #ffffff;

    text-shadow:
        0 0 25px
        rgba(
            81,
            155,
            255,
            .20
        );
}


.seat-card-count span {

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .15em;

    color: #73baff;
}


/* TITLE */

.seat-category-card h3 {

    margin:
        0 0 12px;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 22px;

    line-height: 1.05;

    color: #ffffff;
}


.seat-category-card h3 span {

    display: block;

    margin-top: 4px;

    color: #b6d9ff;

}


/* TEXT */

.seat-category-card p {

    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    line-height: 1.7;

    color:
        rgba(
            215,
            228,
            250,
            .66
        );
}


/* BOTTOM */

.seat-card-line {

    width: 100%;

    height: 1px;

    margin:
        22px 0 13px;

    background:
        linear-gradient(
            90deg,
            rgba(75,144,255,.25),
            rgba(212,175,55,.45),
            transparent
        );
}


.seat-card-status {

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .18em;

    color: #d7b74e;
}


/* =========================================================
   DIVIDER
========================================================= */

.framework-divider {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    margin:
        105px auto 90px;
}


.framework-divider span {

    width: min(280px, 25vw);

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(87,158,255,.5),
            rgba(212,175,55,.5),
            transparent
        );
}


.framework-divider div {

    width: 32px;
    height: 32px;

    display: flex;

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

    border:
        1px solid
        rgba(
            212,
            175,
            55,
            .55
        );

    transform:
        rotate(45deg);

    background:
        rgba(
            11,
            18,
            46,
            .9
        );
}


.framework-divider i {

    font-size: 8px;

    color: #d4af37;

    transform:
        rotate(-45deg);
}


/* =========================================================
   FRAMEWORK SECTION
========================================================= */

.framework-section {

    display: grid;

    grid-template-columns:
        .85fr 1.15fr;

    gap: 70px;

    align-items: center;
}


/* LEFT */

.framework-mini-label {

    display: flex;

    align-items: center;

    gap: 10px;

    font-family: "Poppins", sans-serif;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .25em;

    color: #75baff;
}


.framework-mini-label span {

    width: 35px;
    height: 1px;

    background: #d4af37;
}


.framework-heading h2 {

    margin:
        22px 0;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:
        clamp(45px, 5vw, 72px);

    line-height: .92;

    font-weight: 900;

    letter-spacing: -.035em;

    color: #ffffff;
}


.framework-heading h2 span {

    color: #83c5ff;
}


.framework-heading h2 strong {

    display: block;

    background:
        linear-gradient(
            90deg,
            #ffffff,
            #d0a5ff,
            #e8c65f
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}


.framework-heading > p {

    max-width: 470px;

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    line-height: 1.9;

    color:
        rgba(
            216,
            228,
            250,
            .68
        );
}


/* STAMP */

.framework-stamp {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-top: 30px;

    padding:
        11px 17px;

    border:
        1px solid
        rgba(
            212,
            175,
            55,
            .35
        );

    border-radius: 100px;

    background:
        rgba(
            15,
            26,
            57,
            .55
        );

    box-shadow:
        inset 0 0 20px
        rgba(
            65,
            138,
            255,
            .06
        );
}


.framework-stamp i {

    color: #d4af37;

    font-size: 15px;
}


.framework-stamp span {

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    line-height: 1.4;

    font-weight: 700;

    letter-spacing: .15em;

    color: #9fcfff;
}


.framework-stamp b {

    display: block;

    color: #ffffff;
}


/* =========================================================
   FRAMEWORK PANEL
========================================================= */

.framework-panel {

    position: relative;

    padding: 25px;

    border-radius: 25px;

    background:
        linear-gradient(
            145deg,
            rgba(22,36,75,.80),
            rgba(8,13,34,.94)
        );

    border:
        1px solid
        rgba(
            91,
            158,
            255,
            .25
        );

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.38),

        inset 0 0 45px
        rgba(
            65,
            130,
            255,
            .05
        );

    backdrop-filter:
        blur(16px);
}


/* TOP */

.framework-panel-top {

    display: flex;

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

    padding:
        0 5px 18px;

    border-bottom:
        1px solid
        rgba(
            109,
            160,
            224,
            .12
        );
}


.framework-panel-top span {

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .2em;

    color: #7dbdff;
}


.framework-panel-top small {

    font-family:
        "Playfair Display",
        serif;

    font-size: 19px;

    color: #d4af37;
}


/* =========================================================
   FRAMEWORK ITEM
========================================================= */

.framework-item {

    position: relative;

    display: flex;

    align-items: center;

    gap: 17px;

    padding:
        21px 10px;

    border-bottom:
        1px solid
        rgba(
            107,
            159,
            221,
            .10
        );

    transition:
        transform .35s ease,
        background .35s ease;
}


.framework-item:hover {

    transform:
        translateX(7px);

    background:
        linear-gradient(
            90deg,
            rgba(51,126,255,.09),
            transparent
        );
}


/* ICON */

.framework-item-icon {

    flex: 0 0 auto;

    width: 46px;
    height: 46px;

    display: flex;

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

    border-radius: 12px;

    color: #e1bd57;

    border:
        1px solid
        rgba(
            212,
            175,
            55,
            .38
        );

    background:
        rgba(
            26,
            43,
            85,
            .55
        );

    transition:
        transform .35s ease,
        background .35s ease;
}


.framework-item:hover
.framework-item-icon {

    transform:
        rotate(-6deg)
        scale(1.08);

    background:
        rgba(
            212,
            175,
            55,
            .13
        );
}


/* CONTENT */

.framework-item-content {

    flex: 1;
}


.framework-item-content > span {

    display: block;

    margin-bottom: 4px;

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .15em;

    color: #5e9be0;
}


.framework-item-content h3 {

    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    line-height: 1.45;

    font-weight: 600;

    color: #eaf3ff;
}


/* ARROW */

.framework-arrow {

    font-size: 11px;

    color:
        rgba(
            143,
            190,
            242,
            .35
        );

    transition:
        color .35s ease,
        transform .35s ease;
}


.framework-item:hover
.framework-arrow {

    color: #d4af37;

    transform:
        translate(3px,-3px);
}


/* =========================================================
   PANEL BOTTOM
========================================================= */

.framework-panel-bottom {

    display: flex;

    gap: 12px;

    margin-top: 18px;

    padding:
        15px;

    border-radius: 12px;

    background:
        rgba(
            53,
            115,
            206,
            .07
        );

    border:
        1px solid
        rgba(
            82,
            145,
            229,
            .10
        );
}


.framework-panel-bottom > i {

    flex: 0 0 auto;

    margin-top: 3px;

    color: #70baff;

    font-size: 13px;
}


.framework-panel-bottom p {

    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    line-height: 1.7;

    color:
        rgba(
            205,
            222,
            246,
            .62
        );
}


/* =========================================================
   BOTTOM STATEMENT
========================================================= */

.participation-bottom-statement {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    margin-top: 100px;
}


.statement-line {

    width: 100px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(212,175,55,.5),
            transparent
        );
}


.participation-bottom-statement p {

    margin: 0;

    text-align: center;

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .3em;

    color:
        rgba(
            183,
            207,
            238,
            .65
        );
}


.participation-bottom-statement strong {

    color: #e5c45e;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1150px) {

    .seat-category-grid {

        grid-template-columns:
            repeat(2, minmax(0,1fr));

        max-width: 850px;

        margin: auto;
    }


    .framework-section {

        grid-template-columns: 1fr;

        gap: 45px;

        max-width: 950px;

        margin: auto;
    }


    .framework-heading > p {

        max-width: 700px;
    }


    .seat-decor-left {

        left: 12%;
    }


    .seat-decor-right {

        right: 12%;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .participation-section {

        padding:
            85px 0
            80px;
    }


    .participation-container {

        width: 91%;
    }


    .participation-eyebrow {

        font-size: 7px;

        letter-spacing: .2em;

        gap: 8px;
    }


    .participation-eyebrow span {

        width: 22px;
    }


    .participation-title {

        font-size: 40px;

        line-height: .92;
    }


    .participation-title strong {

        display: block;

        margin:
            15px 0 10px;

        font-size: 100px;
    }


    .participation-title em {

        font-size: 17px;

        letter-spacing: .08em;
    }


    .participation-description {

        font-size: 11px;

        line-height: 1.75;
    }


    .seats-showcase {

        min-height: 260px;

        margin-top: 10px;
    }


    .main-seat-counter {

        width: 260px;
        height: 260px;
    }


    .counter-core {

        width: 185px;
        height: 185px;
    }


    .counter-number {

        font-size: 72px;
    }


    .orbit-one {

        width: 235px;
        height: 110px;
    }


    .orbit-two {

        width: 240px;
        height: 100px;
    }


    .seat-decor {

        display: none;
    }


    .seat-category-grid {

        grid-template-columns: 1fr;

        gap: 17px;
    }


    .seat-category-card {

        min-height: 285px;

        padding: 24px 22px;
    }


    .seat-card-count strong {

        font-size: 48px;
    }


    .seat-category-card h3 {

        font-size: 22px;
    }


    .framework-divider {

        margin:
            75px auto
            60px;
    }


    .framework-divider span {

        width: 65px;
    }


    .framework-section {

        gap: 35px;
    }


    .framework-heading h2 {

        font-size: 45px;
    }


    .framework-heading > p {

        font-size: 11px;
    }


    .framework-panel {

        padding: 17px;
    }


    .framework-item {

        padding:
            17px 4px;

        gap: 12px;
    }


    .framework-item-icon {

        width: 40px;
        height: 40px;

        font-size: 12px;
    }


    .framework-item-content h3 {

        font-size: 11px;
    }


    .framework-arrow {

        display: none;
    }


    .framework-panel-bottom {

        padding: 12px;
    }


    .framework-panel-bottom p {

        font-size: 9px;
    }


    .participation-bottom-statement {

        margin-top: 70px;

        gap: 10px;
    }


    .statement-line {

        width: 30px;
    }


    .participation-bottom-statement p {

        font-size: 7px;

        line-height: 1.7;

        letter-spacing: .16em;
    }

}


/* =========================================================
   SMALL PHONE
========================================================= */

@media (max-width: 400px) {

    .participation-title {

        font-size: 34px;
    }


    .participation-title strong {

        font-size: 86px;
    }


    .participation-title em {

        font-size: 14px;
    }


    .counter-number {

        font-size: 63px;
    }


    .counter-core {

        width: 170px;
        height: 170px;
    }


    .main-seat-counter {

        width: 235px;
        height: 235px;
    }


    .seat-category-card h3 {

        font-size: 20px;
    }


    .framework-heading h2 {

        font-size: 39px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .participation-orb,
    .counter-core,
    .counter-orbit,
    .seat-decor span,
    .seat-category-card::before {

        animation: none !important;
    }

}
/* =========================================================
   REMOVE 230 ORBIT / ROTATING EFFECT
========================================================= */

.counter-orbit {
    display: none !important;
}


/* =========================================================
   FRAMEWORK DESCRIPTION - BIGGER & READABLE
========================================================= */

.framework-panel-bottom {
    padding: 20px 22px !important;
    margin-top: 22px !important;
    gap: 15px !important;
}

.framework-panel-bottom p {
    margin: 0 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 13px !important;
    line-height: 1.85 !important;

    font-weight: 400 !important;

    color: rgba(225, 237, 255, .82) !important;

    max-width: 100% !important;
}

.framework-panel-bottom > i {
    font-size: 15px !important;
    margin-top: 4px !important;
    flex-shrink: 0 !important;
}


/* MOBILE */
@media (max-width: 700px) {

    .framework-panel-bottom {
        padding: 17px !important;
        gap: 12px !important;
    }

    .framework-panel-bottom p {
        font-size: 11px !important;
        line-height: 1.75 !important;
    }

    .framework-panel-bottom > i {
        font-size: 13px !important;
    }

}
/* =========================================================
   TIGHT CONNECTION BETWEEN SECTIONS
========================================================= */

/* Previous section ke bottom ka extra space remove */
.participation-section {
    padding-top: 55px !important;
}


/* Agar previous section ke bottom statement ki wajah se
   zyada gap aa raha hai */
.participation-bottom-statement {
    margin-top: 55px !important;
    margin-bottom: 0 !important;
}


/* New section ka top space compact */
#participationSection {
    margin-top: 0 !important;
    padding-top: 55px !important;
}


/* Intro ka unnecessary top gap */
#participationSection .participation-intro {
    margin-top: 0 !important;
    margin-bottom: 35px !important;
}


/* Mobile */
@media (max-width: 700px) {

    #participationSection {
        padding-top: 45px !important;
    }

    #participationSection .participation-intro {
        margin-top: 0 !important;
        margin-bottom: 30px !important;
    }

    .participation-bottom-statement {
        margin-top: 45px !important;
    }

}

/* =========================================================
   DEBATE SECTION — FULL IMAGE, NO CROPPING
========================================================= */

/* Image card/frame */
.gd-image-frame {
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden;

    display: block;
}

/* Actual image */
.gd-main-image {
    position: relative !important;

    inset: auto !important;

    display: block;

    width: 100% !important;
    height: auto !important;

    min-height: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: none !important;
}


/* Keep the overlay over the image */
.gd-image-gradient {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2;
}


/* Text on image stays at bottom */
.gd-image-top,
.gd-image-content,
.gd-corner {
    position: absolute;
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 701px) {

    .gd-image-frame {
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
    }

    .gd-main-image {
        width: 100% !important;
        height: auto !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .gd-image-frame {
        height: auto !important;
        min-height: 0 !important;
    }

    .gd-main-image {
        height: auto !important;
        width: 100% !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .gd-image-area {
        padding-right: 8px;
        padding-bottom: 15px;
    }

    .gd-image-frame {
        height: auto !important;
        min-height: 0 !important;

        width: 100%;

        aspect-ratio: auto !important;
    }

    .gd-main-image {
        position: relative !important;

        width: 100% !important;
        height: auto !important;

        min-height: 0 !important;

        object-fit: contain !important;

        transform: none !important;
    }

    .gd-image-content {
        bottom: 20px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .gd-image-frame {
        min-height: 0 !important;
        height: auto !important;
    }

    .gd-main-image {
        width: 100% !important;
        height: auto !important;
    }

}

/* ===== REMOVE SPACE BELOW BUTTON ===== */

.gd-experience {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.gd-experience-inner {
    margin-bottom: 0 !important;
    padding-bottom: 15px !important;
    min-height: 0 !important;
}

.gd-explore-btn {
    margin-bottom: 0 !important;
}

/* Section ke bottom ka extra space */
.gd-about {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* =========================================================
   EVA CHAMPIONSHIP ACTIVITIES
   UNIQUE SCOPE
========================================================= */

#evaActivitiesSection {
    --eva-navy: #080d29;
    --eva-navy-light: #10183b;
    --eva-blue: #6eb6ff;
    --eva-gold: #d6ad43;
    --eva-gold-light: #f2d477;
    --eva-white: #f8f9ff;
    --eva-muted: #9aa5c5;

    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 12% 30%,
            rgba(44, 80, 170, .16),
            transparent 34%
        ),
        radial-gradient(
            circle at 88% 70%,
            rgba(214, 173, 67, .07),
            transparent 30%
        ),
        #080d29;

    padding: 125px 0 100px;
    isolation: isolate;
}


/* =========================
   BACKGROUND GRID
========================= */

#evaActivitiesSection .eva-activities-grid {
    position: absolute;
    inset: 0;
    z-index: -3;

    background-image:
        linear-gradient(
            rgba(112, 154, 220, .045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(112, 154, 220, .045) 1px,
            transparent 1px
        );

    background-size: 70px 70px;

    mask-image: linear-gradient(
        to bottom,
        transparent,
        black 15%,
        black 85%,
        transparent
    );
}


/* =========================
   AMBIENT GLOWS
========================= */

#evaActivitiesSection .eva-activities-glow {
    position: absolute;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    filter: blur(110px);
    pointer-events: none;
    z-index: -2;
}

#evaActivitiesSection .eva-glow-one {
    left: -180px;
    top: 25%;
    background: rgba(54, 111, 214, .10);
}

#evaActivitiesSection .eva-glow-two {
    right: -180px;
    bottom: 10%;
    background: rgba(214, 173, 67, .07);
}


/* =========================
   CONTAINER
========================= */

#evaActivitiesSection .eva-activities-container {
    width: min(1240px, calc(100% - 70px));
    margin: auto;
}


/* =========================
   HEADER
========================= */

#evaActivitiesSection .eva-activities-header {
    margin-bottom: 70px;
}

#evaActivitiesSection .eva-activities-eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;

    color: var(--eva-blue);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

#evaActivitiesSection .eva-eyebrow-line {
    width: 38px;
    height: 1px;
    background: var(--eva-gold);

    box-shadow:
        0 0 8px rgba(214,173,67,.7);
}


#evaActivitiesSection .eva-header-main {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 80px;
    align-items: end;

    margin-top: 20px;
}


#evaActivitiesSection .eva-header-title-wrap h2 {
    margin: 0;

    color: var(--eva-white);

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(58px, 7vw, 94px);
    font-weight: 500;
    line-height: .82;
    letter-spacing: -4px;
    text-transform: uppercase;
}

#evaActivitiesSection .eva-header-title-wrap h2 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #ffffff 18%,
            #75baff 45%,
            #b7cfff 67%,
            #dfb861 100%
        );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}


#evaActivitiesSection .eva-header-description {
    display: flex;
    gap: 20px;
    align-items: flex-start;

    padding-bottom: 6px;
}

#evaActivitiesSection .eva-description-line {
    width: 2px;
    min-width: 2px;
    height: 65px;

    background: linear-gradient(
        to bottom,
        var(--eva-gold),
        transparent
    );

    box-shadow: 0 0 10px rgba(214,173,67,.45);
}

#evaActivitiesSection .eva-header-description p {
    max-width: 440px;
    margin: 0;

    color: #aab4d0;

    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 1.9;
}


/* =========================================================
   CARDS GRID
========================================================= */

#evaActivitiesSection .eva-activities-grid-wrap {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 25px;
}


/* =========================================================
   CARD
========================================================= */

#evaActivitiesSection .eva-activity-card {
    position: relative;

    min-height: 390px;

    border-radius: 22px;

    background: rgba(12, 20, 49, .72);

    overflow: hidden;

    transition:
        transform .55s cubic-bezier(.2,.8,.2,1),
        box-shadow .55s ease;

    isolation: isolate;
}


/* =========================
   ANIMATED GOLD BORDER
========================= */

#evaActivitiesSection .eva-card-border {
    position: absolute;
    inset: 0;

    border-radius: inherit;

    padding: 1px;

    background:
        conic-gradient(
            from 0deg,
            transparent 0deg,
            transparent 45deg,
            rgba(214,173,67,.1) 70deg,
            var(--eva-gold-light) 90deg,
            rgba(214,173,67,.15) 110deg,
            transparent 145deg,
            transparent 360deg
        );

    animation: evaBorderRotate 4s linear infinite;

    z-index: -1;
}


/* inner cover makes border visible only around edge */
#evaActivitiesSection .eva-card-border::after {
    content: "";

    position: absolute;
    inset: 1px;

    border-radius: 21px;

    background: #0c1431;

    z-index: -1;
}


@keyframes evaBorderRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* =========================
   MOVING LIGHT
========================= */

#evaActivitiesSection .eva-card-light {
    position: absolute;

    width: 160px;
    height: 2px;

    top: 0;
    left: -170px;

    background: linear-gradient(
        90deg,
        transparent,
        #ffffff,
        var(--eva-gold-light),
        transparent
    );

    box-shadow:
        0 0 8px var(--eva-gold),
        0 0 22px rgba(214,173,67,.7);

    animation: evaLightRun 3.8s linear infinite;

    z-index: 4;
}

@keyframes evaLightRun {

    0% {
        left: -180px;
        top: 0;
        transform: rotate(0deg);
    }

    24% {
        left: calc(100% + 20px);
        top: 0;
    }

    25% {
        left: calc(100% + 20px);
        top: 0;
        transform: rotate(90deg);
    }

    49% {
        left: calc(100% + 20px);
        top: calc(100% - 2px);
    }

    50% {
        left: calc(100% + 20px);
        top: calc(100% - 2px);
        transform: rotate(180deg);
    }

    74% {
        left: -180px;
        top: calc(100% - 2px);
    }

    75% {
        left: -180px;
        top: calc(100% - 2px);
        transform: rotate(270deg);
    }

    99% {
        left: -180px;
        top: 0;
    }

    100% {
        left: -180px;
        top: 0;
        transform: rotate(360deg);
    }
}


/* =========================
   CARD INNER
========================= */

#evaActivitiesSection .eva-card-inner {
    position: relative;

    height: 100%;

    min-height: 390px;

    padding: 30px 31px 25px;

    display: flex;
    flex-direction: column;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.025),
            transparent 45%
        );
}


/* subtle top glow */

#evaActivitiesSection .eva-card-inner::before {
    content: "";

    position: absolute;

    top: -100px;
    right: -100px;

    width: 220px;
    height: 220px;

    border-radius: 50%;

    background: rgba(214,173,67,.06);

    filter: blur(45px);

    pointer-events: none;
}


/* =========================
   TOP
========================= */

#evaActivitiesSection .eva-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 35px;
}


#evaActivitiesSection .eva-card-number {
    width: 50px;
    height: 50px;

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

    border: 1px solid rgba(214,173,67,.38);

    border-radius: 13px;

    background:
        linear-gradient(
            145deg,
            rgba(214,173,67,.11),
            rgba(13,23,54,.5)
        );

    color: var(--eva-gold-light);

    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 700;

    box-shadow:
        inset 0 0 20px rgba(214,173,67,.035),
        0 0 15px rgba(214,173,67,.04);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


#evaActivitiesSection .eva-card-icon {
    width: 42px;
    height: 42px;

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

    color: var(--eva-gold);

    opacity: .85;

    transition:
        transform .4s ease,
        color .4s ease;
}

#evaActivitiesSection .eva-card-icon svg {
    width: 24px;
    height: 24px;
}


/* =========================
   CONTENT
========================= */

#evaActivitiesSection .eva-card-category {
    margin-bottom: 12px;

    color: var(--eva-blue);

    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 700;

    letter-spacing: 2.5px;
}


#evaActivitiesSection .eva-card-content h3 {
    margin: 0 0 16px;

    color: #f5f6ff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(25px, 2.2vw, 31px);
    font-weight: 500;
    line-height: 1.03;

    letter-spacing: -.7px;
}

#evaActivitiesSection .eva-card-content h3 span {
    display: block;

    color: #76b8ff;
}


#evaActivitiesSection .eva-card-content p {
    max-width: 510px;

    margin: 0;

    color: #98a4c4;

    font-family: "Poppins", sans-serif;

    font-size: 12.5px;
    line-height: 1.85;
}


/* =========================
   FOOTER TAGS
========================= */

#evaActivitiesSection .eva-card-footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;

    margin-top: auto;
    padding-top: 28px;

    color: #6f7b9c;

    font-family: "Poppins", sans-serif;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: 1.5px;
}

#evaActivitiesSection .eva-card-footer i {
    width: 3px;
    height: 3px;

    border-radius: 50%;

    background: var(--eva-gold);

    box-shadow: 0 0 7px var(--eva-gold);
}


/* =========================================================
   HOVER
========================================================= */

#evaActivitiesSection .eva-activity-card:hover {
    transform: translateY(-9px);

    box-shadow:
        0 25px 70px rgba(0,0,0,.38),
        0 0 35px rgba(214,173,67,.07);
}


#evaActivitiesSection .eva-activity-card:hover .eva-card-number {
    transform: rotate(-6deg) scale(1.08);

    box-shadow:
        0 0 20px rgba(214,173,67,.2),
        inset 0 0 20px rgba(214,173,67,.08);
}


#evaActivitiesSection .eva-activity-card:hover .eva-card-icon {
    transform: translateY(-3px) scale(1.12);

    color: var(--eva-gold-light);

    filter: drop-shadow(
        0 0 8px rgba(214,173,67,.55)
    );
}


/* FEATURED CARD */

#evaActivitiesSection .eva-card-featured {
    background:
        linear-gradient(
            135deg,
            rgba(20,29,63,.92),
            rgba(10,17,43,.9)
        );
}


/* =========================================================
   BOTTOM STATEMENT
========================================================= */

#evaActivitiesSection .eva-activities-bottom {
    display: flex;
    align-items: center;
    gap: 22px;

    margin-top: 55px;
}

#evaActivitiesSection .eva-bottom-line {
    flex: 1;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(214,173,67,.45),
        transparent
    );
}

#evaActivitiesSection .eva-activities-bottom p {
    margin: 0;

    white-space: nowrap;

    color: #7180a4;

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: 2.5px;
}

#evaActivitiesSection .eva-activities-bottom strong {
    color: var(--eva-gold-light);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    #evaActivitiesSection {
        padding: 100px 0 80px;
    }

    #evaActivitiesSection .eva-activities-container {
        width: min(100% - 45px, 720px);
    }

    #evaActivitiesSection .eva-header-main {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    #evaActivitiesSection .eva-header-title-wrap h2 {
        font-size: clamp(55px, 10vw, 80px);
    }

    #evaActivitiesSection .eva-header-description {
        max-width: 600px;
    }

    #evaActivitiesSection .eva-activities-grid-wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    #evaActivitiesSection .eva-card-inner {
        padding: 25px 23px 22px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

    #evaActivitiesSection {
        padding: 80px 0 65px;
    }

    #evaActivitiesSection .eva-activities-container {
        width: calc(100% - 28px);
    }

    #evaActivitiesSection .eva-activities-header {
        margin-bottom: 45px;
    }

    #evaActivitiesSection .eva-header-main {
        gap: 27px;
    }

    #evaActivitiesSection .eva-header-title-wrap h2 {
        font-size: clamp(45px, 15vw, 65px);

        line-height: .87;
        letter-spacing: -2px;
    }

    #evaActivitiesSection .eva-header-description p {
        font-size: 12px;
        line-height: 1.8;
    }

    #evaActivitiesSection .eva-description-line {
        height: 58px;
    }

    #evaActivitiesSection .eva-activities-grid-wrap {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    #evaActivitiesSection .eva-activity-card {
        min-height: 365px;
    }

    #evaActivitiesSection .eva-card-inner {
        min-height: 365px;
        padding: 24px 22px 22px;
    }

    #evaActivitiesSection .eva-card-top {
        margin-bottom: 28px;
    }

    #evaActivitiesSection .eva-card-content h3 {
        font-size: 27px;
    }

    #evaActivitiesSection .eva-card-content p {
        font-size: 12px;
    }

    #evaActivitiesSection .eva-card-footer {
        font-size: 7px;
        letter-spacing: 1px;
        gap: 7px;
    }

    #evaActivitiesSection .eva-activities-bottom {
        margin-top: 38px;
    }

    #evaActivitiesSection .eva-activities-bottom p {
        white-space: normal;
        text-align: center;
        line-height: 1.7;
        font-size: 7px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    #evaActivitiesSection .eva-card-content h3 {
        font-size: 24px;
    }

    #evaActivitiesSection .eva-card-content p {
        font-size: 11.5px;
    }

    #evaActivitiesSection .eva-card-footer {
        gap: 5px;
    }

    #evaActivitiesSection .eva-card-number {
        width: 45px;
        height: 45px;
    }

}
/* =========================================================
   EVA ACTIVITY CARD IMAGES
========================================================= */

#evaActivitiesSection .eva-card-image {
    position: relative;

    width: 100%;
    height: 145px;

    margin-bottom: 24px;

    border-radius: 14px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            rgba(22,35,72,.9),
            rgba(7,13,35,.95)
        );

    border: 1px solid rgba(214,173,67,.16);

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

    isolation: isolate;
}


/* Golden frame */

#evaActivitiesSection .eva-card-image::before {
    content: "";

    position: absolute;
    inset: 0;

    border-radius: inherit;

    border: 1px solid rgba(214,173,67,.18);

    pointer-events: none;

    z-index: 3;
}


/* Image glow */

#evaActivitiesSection .eva-card-image::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 80px;

    left: 50%;
    bottom: -55px;

    transform: translateX(-50%);

    background: rgba(214,173,67,.12);

    filter: blur(35px);

    pointer-events: none;

    z-index: 1;
}


/* IMPORTANT:
   Image NEVER gets cropped
*/

#evaActivitiesSection .eva-card-image img {
    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;

    display: block;

    padding: 8px;

    position: relative;
    z-index: 2;

    transition:
        transform .7s cubic-bezier(.2,.8,.2,1),
        filter .7s ease;
}


/* Hover image */

#evaActivitiesSection .eva-activity-card:hover
.eva-card-image img {
    transform: scale(1.045);

    filter:
        brightness(1.08)
        drop-shadow(0 0 14px rgba(214,173,67,.16));
}


/* Image gets subtle premium overlay */

#evaActivitiesSection .eva-card-image {
    box-shadow:
        inset 0 0 35px rgba(0,0,0,.3),
        0 8px 25px rgba(0,0,0,.16);
}


/* =========================================================
   ADJUST CARD HEIGHT
========================================================= */

#evaActivitiesSection .eva-activity-card {
    min-height: 535px;
}

#evaActivitiesSection .eva-card-inner {
    min-height: 535px;
}


/* =========================================================
   MOBILE IMAGE
========================================================= */

@media (max-width: 650px) {

    #evaActivitiesSection .eva-card-image {
        height: 135px;
        margin-bottom: 21px;
    }

    #evaActivitiesSection .eva-card-image img {
        padding: 7px;
    }

    #evaActivitiesSection .eva-activity-card {
        min-height: 510px;
    }

    #evaActivitiesSection .eva-card-inner {
        min-height: 510px;
    }

}
/* =========================================================
   EVA — ELIGIBILITY CRITERIA
========================================================= */

#evaEligibilitySection {

    --eva-navy: #070d28;
    --eva-navy-2: #0c1436;
    --eva-blue: #69b4ff;
    --eva-gold: #d6ad43;
    --eva-gold-light: #f3d77b;
    --eva-white: #f7f8ff;
    --eva-muted: #9da8c7;

    position: relative;

    width: 100%;
    min-height: auto;

    padding: 80px 0 75px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(48, 94, 190, .15),
            transparent 35%
        ),
        radial-gradient(
            circle at 90% 50%,
            rgba(214, 173, 67, .08),
            transparent 30%
        ),
        var(--eva-navy);

    isolation: isolate;
}


/* =========================================================
   BACKGROUND
========================================================= */

#evaEligibilitySection .eva-eligibility-bg {

    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 50% 100%,
            rgba(30, 65, 145, .12),
            transparent 45%
        );

    pointer-events: none;
    z-index: -4;
}


#evaEligibilitySection .eva-eligibility-grid {

    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            rgba(91, 143, 214, .045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91, 143, 214, .045) 1px,
            transparent 1px
        );

    background-size: 65px 65px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 15%,
            black 85%,
            transparent
        );

    z-index: -3;
}


/* =========================================================
   CONTAINER
========================================================= */

#evaEligibilitySection .eva-eligibility-container {

    width: min(1240px, calc(100% - 70px));

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(400px, .85fr);

    gap: 70px;

    align-items: center;
}


/* =========================================================
   LEFT
========================================================= */

#evaEligibilitySection .eva-eligibility-left {

    min-width: 0;
}


#evaEligibilitySection .eva-eligibility-label {

    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 18px;

    color: var(--eva-blue);

    font-family: "Poppins", sans-serif;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 3px;
}


#evaEligibilitySection .eva-eligibility-label span {

    width: 38px;
    height: 1px;

    background: var(--eva-gold);

    box-shadow:
        0 0 8px var(--eva-gold);

    animation: evaLabelPulse 2s ease-in-out infinite;
}


@keyframes evaLabelPulse {

    0%, 100% {
        opacity: .5;
        width: 30px;
    }

    50% {
        opacity: 1;
        width: 45px;
    }
}


/* =========================================================
   HEADING
========================================================= */

#evaEligibilitySection .eva-eligibility-title {

    margin: 0 0 18px;

    color: var(--eva-white);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(55px, 6vw, 82px);

    font-weight: 500;

    line-height: .84;

    letter-spacing: -3px;

    text-transform: uppercase;
}


#evaEligibilitySection .eva-eligibility-title strong {

    display: inline;

    font-weight: 500;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #ffffff 25%,
            #6db5ff 52%,
            #d6ad43 88%
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}


/* =========================================================
   INTRO
========================================================= */

#evaEligibilitySection .eva-eligibility-intro {

    max-width: 610px;

    margin: 0 0 25px;

    color: var(--eva-blue);

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    font-weight: 700;

    line-height: 1.7;

    letter-spacing: .5px;
}


/* =========================================================
   LIST
========================================================= */

#evaEligibilitySection .eva-eligibility-list {

    display: flex;

    flex-direction: column;

    gap: 8px;
}


/* =========================================================
   ITEM
========================================================= */

#evaEligibilitySection .eva-eligibility-item {

    position: relative;

    min-height: 61px;

    display: flex;

    align-items: center;

    gap: 16px;

    padding: 8px 17px;

    border: 1px solid rgba(91, 137, 211, .17);

    border-radius: 10px;

    background:
        linear-gradient(
            100deg,
            rgba(21, 39, 79, .76),
            rgba(11, 21, 50, .55)
        );

    overflow: hidden;

    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease,
        background .4s ease;
}


/* animated gold border */

#evaEligibilitySection .eva-eligibility-item::before {

    content: "";

    position: absolute;

    inset: -1px;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            transparent 35%,
            rgba(214,173,67,.8) 50%,
            transparent 65%,
            transparent 100%
        );

    background-size: 250% 100%;

    animation:
        evaItemBorder 4s linear infinite;

    pointer-events: none;

    z-index: -1;
}


@keyframes evaItemBorder {

    0% {
        background-position: 130% 0;
    }

    100% {
        background-position: -130% 0;
    }
}


/* item light */

#evaEligibilitySection .eva-item-light {

    position: absolute;

    top: 0;
    left: -100px;

    width: 80px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--eva-gold-light),
            transparent
        );

    box-shadow:
        0 0 8px var(--eva-gold);

    animation:
        evaItemLight 3.8s linear infinite;

    pointer-events: none;
}


@keyframes evaItemLight {

    0% {
        left: -100px;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    50% {
        left: 100%;
        opacity: 1;
    }

    65%, 100% {
        left: 110%;
        opacity: 0;
    }
}


/* =========================================================
   ITEM HOVER
========================================================= */

#evaEligibilitySection .eva-eligibility-item:hover {

    transform: translateX(8px);

    border-color:
        rgba(214,173,67,.45);

    background:
        linear-gradient(
            100deg,
            rgba(25, 47, 94, .9),
            rgba(12, 25, 57, .78)
        );

    box-shadow:
        0 12px 35px rgba(0,0,0,.25),
        0 0 25px rgba(214,173,67,.06);
}


/* =========================================================
   ICON
========================================================= */

#evaEligibilitySection .eva-item-icon {

    position: relative;

    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    display: flex;

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

    border-radius: 10px;

    border: 1px solid rgba(214,173,67,.35);

    background:
        linear-gradient(
            145deg,
            rgba(214,173,67,.16),
            rgba(16,29,60,.7)
        );

    font-size: 17px;

    box-shadow:
        inset 0 0 15px rgba(214,173,67,.04);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


#evaEligibilitySection .eva-eligibility-item:hover
.eva-item-icon {

    transform:
        rotate(-5deg)
        scale(1.08);

    box-shadow:
        0 0 18px rgba(214,173,67,.2);
}


/* =========================================================
   TEXT
========================================================= */

#evaEligibilitySection .eva-item-text {

    min-width: 0;

    display: flex;

    align-items: center;

    gap: 13px;
}


#evaEligibilitySection .eva-item-number {

    color: var(--eva-gold);

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1px;

    opacity: .8;
}


#evaEligibilitySection .eva-item-text p {

    margin: 0;

    color: #e0e6f7;

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    line-height: 1.55;
}


/* =========================================================
   NOTE
========================================================= */

#evaEligibilitySection .eva-eligibility-note {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    margin-top: 17px;

    padding-top: 14px;

    border-top:
        1px solid
        rgba(105,180,255,.13);
}


#evaEligibilitySection .eva-note-icon {

    flex: 0 0 25px;

    width: 25px;
    height: 25px;

    display: flex;

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

    border-radius: 50%;

    color: var(--eva-navy);

    background: var(--eva-blue);

    font-family: Georgia, serif;

    font-size: 14px;

    font-weight: bold;

    box-shadow:
        0 0 15px rgba(105,180,255,.2);
}


#evaEligibilitySection .eva-eligibility-note p {

    margin: 0;

    color: #8f9bbb;

    font-family: "Poppins", sans-serif;

    font-size: 9px;

    line-height: 1.75;
}


#evaEligibilitySection .eva-eligibility-note strong {

    color: #b9c5e2;

    font-weight: 600;
}


/* =========================================================
   RIGHT IMAGE
========================================================= */

#evaEligibilitySection .eva-eligibility-right {

    position: relative;

    min-width: 0;

    display: flex;

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


/* orbit */

#evaEligibilitySection .eva-image-orbit {

    position: absolute;

    border: 1px solid
        rgba(214,173,67,.13);

    border-radius: 50%;

    pointer-events: none;
}


#evaEligibilitySection .orbit-one {

    width: 125%;
    height: 145%;

    transform: rotate(-15deg);

    animation:
        evaOrbitRotate 15s linear infinite;
}


#evaEligibilitySection .orbit-two {

    width: 110%;
    height: 130%;

    border-color:
        rgba(105,180,255,.08);

    transform: rotate(25deg);

    animation:
        evaOrbitRotateReverse 19s linear infinite;
}


@keyframes evaOrbitRotate {

    from {
        transform: rotate(-15deg);
    }

    to {
        transform: rotate(345deg);
    }
}


@keyframes evaOrbitRotateReverse {

    from {
        transform: rotate(25deg);
    }

    to {
        transform: rotate(-335deg);
    }
}


/* =========================================================
   IMAGE FRAME
========================================================= */

#evaEligibilitySection .eva-eligibility-image-frame {

    position: relative;

    width: 100%;

    aspect-ratio: 1.38 / 1;

    padding: 12px;

    border: 1px solid
        rgba(214,173,67,.4);

    border-radius: 17px;

    background:
        linear-gradient(
            145deg,
            rgba(214,173,67,.08),
            rgba(10,19,47,.85)
        );

    box-shadow:
        0 30px 70px rgba(0,0,0,.35),
        inset 0 0 30px rgba(214,173,67,.025);

    overflow: hidden;

    isolation: isolate;

    transition:
        transform .6s cubic-bezier(.2,.8,.2,1),
        box-shadow .6s ease;
}


/* moving frame light */

#evaEligibilitySection .eva-frame-light {

    position: absolute;

    width: 150px;
    height: 2px;

    left: -160px;
    top: 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ffffff,
            var(--eva-gold-light),
            transparent
        );

    box-shadow:
        0 0 9px var(--eva-gold-light),
        0 0 25px var(--eva-gold);

    z-index: 5;

    animation:
        evaFrameLight 4s linear infinite;
}


@keyframes evaFrameLight {

    0% {
        left: -170px;
        top: 0;
    }

    25% {
        left: calc(100% + 20px);
        top: 0;
    }

    25.1% {
        left: calc(100% - 2px);
        top: -20px;

        transform: rotate(90deg);
    }

    50% {
        left: calc(100% - 2px);
        top: 100%;
    }

    50.1% {
        transform: rotate(180deg);
    }

    75% {
        left: -170px;
        top: 100%;
    }

    75.1% {
        transform: rotate(270deg);
    }

    100% {
        left: -170px;
        top: 0;

        transform: rotate(360deg);
    }
}


/* =========================================================
   IMAGE
========================================================= */

#evaEligibilitySection .eva-eligibility-image-frame img {

    width: 100%;
    height: 100%;

    display: block;

    /*
       IMPORTANT:
       Image crop nahi hogi
    */

    object-fit: contain;

    object-position: center;

    border-radius: 9px;

    background: #0b1430;

    transition:
        transform .8s cubic-bezier(.2,.8,.2,1),
        filter .8s ease;
}


#evaEligibilitySection .eva-eligibility-image-frame:hover {

    transform: translateY(-8px);

    box-shadow:
        0 35px 85px rgba(0,0,0,.45),
        0 0 35px rgba(214,173,67,.09);
}


#evaEligibilitySection .eva-eligibility-image-frame:hover img {

    transform: scale(1.025);

    filter:
        brightness(1.08)
        saturate(1.05);
}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

#evaEligibilitySection .eva-image-overlay {

    position: absolute;

    inset: 12px;

    border-radius: 9px;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(4,9,25,.7)
        );

    pointer-events: none;

    z-index: 2;
}


/* =========================================================
   IMAGE CAPTION
========================================================= */

#evaEligibilitySection .eva-image-caption {

    position: absolute;

    left: 28px;
    bottom: 25px;

    display: flex;

    flex-direction: column;

    z-index: 4;
}


#evaEligibilitySection .eva-image-caption span {

    color: var(--eva-blue);

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 3px;
}


#evaEligibilitySection .eva-image-caption strong {

    color: white;

    font-family: Georgia, serif;

    font-size: 25px;

    font-weight: 500;

    letter-spacing: 1px;
}


/* =========================================================
   CORNERS
========================================================= */

#evaEligibilitySection .eva-corner {

    position: absolute;

    width: 28px;
    height: 28px;

    border-color: var(--eva-gold);

    z-index: 5;

    pointer-events: none;
}


#evaEligibilitySection .corner-tl {

    top: 5px;
    left: 5px;

    border-top: 2px solid;
    border-left: 2px solid;
}


#evaEligibilitySection .corner-tr {

    top: 5px;
    right: 5px;

    border-top: 2px solid;
    border-right: 2px solid;
}


#evaEligibilitySection .corner-bl {

    bottom: 5px;
    left: 5px;

    border-bottom: 2px solid;
    border-left: 2px solid;
}


#evaEligibilitySection .corner-br {

    bottom: 5px;
    right: 5px;

    border-bottom: 2px solid;
    border-right: 2px solid;
}


/* =========================================================
   CURSOR GLOW
========================================================= */

#evaEligibilitySection .eva-cursor-glow {

    position: absolute;

    width: 280px;
    height: 280px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(214,173,67,.09) 0%,
            rgba(105,180,255,.035) 30%,
            transparent 70%
        );

    transform:
        translate(-50%, -50%);

    pointer-events: none;

    opacity: 0;

    z-index: 10;

    transition: opacity .3s ease;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 950px) {

    #evaEligibilitySection {

        padding: 70px 0 65px;
    }

    #evaEligibilitySection
    .eva-eligibility-container {

        grid-template-columns: 1fr;

        gap: 45px;

        width: min(
            720px,
            calc(100% - 45px)
        );
    }

    #evaEligibilitySection
    .eva-eligibility-right {

        max-width: 650px;

        width: 100%;

        margin: 0 auto;
    }

    #evaEligibilitySection
    .eva-eligibility-title {

        font-size: clamp(55px, 10vw, 78px);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    #evaEligibilitySection {

        padding: 55px 0 50px;
    }

    #evaEligibilitySection
    .eva-eligibility-container {

        width: calc(100% - 28px);

        gap: 35px;
    }


    #evaEligibilitySection
    .eva-eligibility-label {

        font-size: 8px;

        letter-spacing: 2.2px;
    }


    #evaEligibilitySection
    .eva-eligibility-title {

        width: 100%;

        font-size: clamp(
            43px,
            13.2vw,
            62px
        );

        line-height: .88;

        letter-spacing: -2px;

        word-break: normal;

        overflow-wrap: normal;
    }


    #evaEligibilitySection
    .eva-eligibility-title strong {

        display: block;
    }


    #evaEligibilitySection
    .eva-eligibility-intro {

        font-size: 9px;

        line-height: 1.7;

        margin-bottom: 20px;
    }


    #evaEligibilitySection
    .eva-eligibility-list {

        gap: 7px;
    }


    #evaEligibilitySection
    .eva-eligibility-item {

        min-height: 58px;

        padding: 7px 11px;

        gap: 10px;

        border-radius: 9px;
    }


    #evaEligibilitySection
    .eva-item-icon {

        flex-basis: 34px;

        width: 34px;
        height: 34px;

        font-size: 14px;

        border-radius: 8px;
    }


    #evaEligibilitySection
    .eva-item-text {

        gap: 8px;
    }


    #evaEligibilitySection
    .eva-item-number {

        display: none;
    }


    #evaEligibilitySection
    .eva-item-text p {

        font-size: 9px;

        line-height: 1.5;
    }


    #evaEligibilitySection
    .eva-eligibility-note {

        gap: 9px;

        margin-top: 13px;

        padding-top: 12px;
    }


    #evaEligibilitySection
    .eva-note-icon {

        flex-basis: 22px;

        width: 22px;
        height: 22px;

        font-size: 12px;
    }


    #evaEligibilitySection
    .eva-eligibility-note p {

        font-size: 8px;

        line-height: 1.65;
    }


    #evaEligibilitySection
    .eva-eligibility-image-frame {

        aspect-ratio: 1.25 / 1;

        padding: 8px;

        border-radius: 13px;
    }


    #evaEligibilitySection
    .eva-image-overlay {

        inset: 8px;
    }


    #evaEligibilitySection
    .eva-image-caption {

        left: 18px;

        bottom: 17px;
    }


    #evaEligibilitySection
    .eva-image-caption strong {

        font-size: 21px;
    }


    #evaEligibilitySection
    .eva-image-orbit {

        display: none;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    #evaEligibilitySection
    .eva-eligibility-title {

        font-size: 12.5vw;

        letter-spacing: -1.5px;
    }


    #evaEligibilitySection
    .eva-item-text p {

        font-size: 8.5px;
    }

}
/* =========================================================
   FINAL TYPOGRAPHY + MOBILE HEADING FIX
========================================================= */


/* =========================================================
   1. ELIGIBILITY CRITERIA
   ALL TEXT BIGGER — MAIN HEADING EXCLUDED
========================================================= */


/* Small top label */

#evaEligibilitySection .eva-eligibility-label {
    font-size: 12px !important;
    letter-spacing: 3px !important;
}


/* Intro paragraph */

#evaEligibilitySection .eva-eligibility-intro {
    font-size: 16px !important;
    line-height: 1.75 !important;
    max-width: 700px !important;
}


/* Eligibility cards */

#evaEligibilitySection .eva-eligibility-item {
    min-height: 76px !important;
    padding: 11px 20px !important;
}


/* Number */

#evaEligibilitySection .eva-item-number {
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
}


/* Card text */

#evaEligibilitySection .eva-item-text p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
    color: #edf2ff !important;
}


/* Icons */

#evaEligibilitySection .eva-item-icon {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    font-size: 20px !important;
}


/* Bottom information note */

#evaEligibilitySection .eva-eligibility-note {
    margin-top: 22px !important;
    padding-top: 17px !important;
}


#evaEligibilitySection .eva-eligibility-note p {
    font-size: 12.5px !important;
    line-height: 1.8 !important;
    color: #b5c0dd !important;
}


/* Info icon */

#evaEligibilitySection .eva-note-icon {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    font-size: 15px !important;
}


/* Image caption */

#evaEligibilitySection .eva-image-caption span {
    font-size: 10px !important;
    letter-spacing: 3px !important;
}


#evaEligibilitySection .eva-image-caption strong {
    font-size: 30px !important;
}


/* =========================================================
   ELIGIBILITY — TABLET
========================================================= */

@media (max-width: 950px) {

    #evaEligibilitySection .eva-eligibility-label {
        font-size: 11px !important;
    }

    #evaEligibilitySection .eva-eligibility-intro {
        font-size: 15px !important;
    }

    #evaEligibilitySection .eva-item-text p {
        font-size: 14px !important;
    }

    #evaEligibilitySection .eva-eligibility-note p {
        font-size: 12px !important;
    }

}


/* =========================================================
   ELIGIBILITY — MOBILE
========================================================= */

@media (max-width: 600px) {

    #evaEligibilitySection .eva-eligibility-label {
        font-size: 10px !important;
        letter-spacing: 2px !important;
    }


    #evaEligibilitySection .eva-eligibility-intro {
        font-size: 13px !important;
        line-height: 1.75 !important;
    }


    #evaEligibilitySection .eva-eligibility-item {
        min-height: 70px !important;
        padding: 9px 12px !important;
    }


    #evaEligibilitySection .eva-item-icon {
        width: 40px !important;
        height: 40px !important;
        flex: 0 0 40px !important;
        font-size: 17px !important;
    }


    #evaEligibilitySection .eva-item-text p {
        font-size: 12.5px !important;
        line-height: 1.6 !important;
    }


    #evaEligibilitySection .eva-eligibility-note p {
        font-size: 10.5px !important;
        line-height: 1.75 !important;
    }


    #evaEligibilitySection .eva-note-icon {
        width: 27px !important;
        height: 27px !important;
        flex: 0 0 27px !important;
        font-size: 14px !important;
    }


    #evaEligibilitySection .eva-image-caption span {
        font-size: 9px !important;
    }


    #evaEligibilitySection .eva-image-caption strong {
        font-size: 25px !important;
    }

}


/* =========================================================
   2. CHAMPIONSHIP ACTIVITIES
   MAIN HEADING MOBILE CUT FIX
========================================================= */


/*
   Desktop heading bilkul same rahegi.
   Sirf mobile par width + font-size control.
*/

@media (max-width: 650px) {

    #evaActivitiesSection .eva-header-title-wrap {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 5px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }


    #evaActivitiesSection .eva-header-title-wrap h2 {
        width: 100% !important;
        max-width: 100% !important;

        font-size: clamp(
            38px,
            11.5vw,
            58px
        ) !important;

        line-height: .88 !important;

        letter-spacing: -2px !important;

        white-space: normal !important;

        word-break: normal !important;

        overflow-wrap: normal !important;

        hyphens: none !important;

        box-sizing: border-box !important;

        padding: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    #evaActivitiesSection .eva-header-title-wrap h2 span {
        display: inline !important;
        max-width: 100% !important;
    }


    #evaActivitiesSection {
        overflow-x: hidden !important;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    #evaActivitiesSection .eva-header-title-wrap h2 {
        font-size: 11.5vw !important;
        letter-spacing: -1.5px !important;
    }

}


/* =========================================================
   EXTRA SMALL — NEVER ALLOW HEADING TO ESCAPE SCREEN
========================================================= */

@media (max-width: 340px) {

    #evaActivitiesSection .eva-header-title-wrap h2 {
        font-size: 11vw !important;
        letter-spacing: -1px !important;
    }

}

/* =========================================================
   EVA WINNER SECTION
========================================================= */

#evaWinnerSection {

    --winner-navy: #070d28;
    --winner-navy-2: #0c1538;
    --winner-blue: #6db8ff;
    --winner-gold: #d6ad43;
    --winner-gold-light: #f5d978;
    --winner-white: #f8f8ff;

    position: relative;

    width: 100%;

    padding: 55px 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 80% 50%,
            rgba(214,173,67,.10),
            transparent 34%
        ),
        radial-gradient(
            circle at 10% 50%,
            rgba(60,110,210,.10),
            transparent 38%
        ),
        linear-gradient(
            110deg,
            #070d28,
            #0b1435 50%,
            #070d28
        );

    isolation: isolate;
}


/* =========================================================
   BACKGROUND GRID
========================================================= */

#evaWinnerSection .eva-winner-grid {

    position: absolute;

    inset: 0;

    background-image:
        linear-gradient(
            rgba(105,160,230,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(105,160,230,.035) 1px,
            transparent 1px
        );

    background-size: 55px 55px;

    mask-image:
        linear-gradient(
            90deg,
            transparent,
            black 20%,
            black 80%,
            transparent
        );

    pointer-events: none;

    z-index: -2;
}


/* =========================================================
   CONTAINER
========================================================= */

#evaWinnerSection .eva-winner-container {

    width: min(
        1180px,
        calc(100% - 70px)
    );

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(430px, .9fr);

    gap: 55px;

    align-items: center;
}


/* =========================================================
   LEFT
========================================================= */

#evaWinnerSection .eva-winner-content {

    position: relative;

    z-index: 2;

    min-width: 0;
}


#evaWinnerSection .eva-winner-kicker {

    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 15px;

    color: var(--winner-blue);

    font-family: "Poppins", sans-serif;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 3px;
}


#evaWinnerSection .eva-winner-kicker span {

    width: 35px;

    height: 1px;

    background: var(--winner-gold);

    box-shadow:
        0 0 8px var(--winner-gold);

    animation:
        winnerKickerLine 2s ease-in-out infinite;
}


@keyframes winnerKickerLine {

    0%,100% {
        width: 25px;
        opacity: .5;
    }

    50% {
        width: 45px;
        opacity: 1;
    }
}


/* =========================================================
   TITLE
========================================================= */

#evaWinnerSection .eva-winner-title {

    margin: 0;

    color: var(--winner-white);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(
        48px,
        5.4vw,
        76px
    );

    line-height: .88;

    font-weight: 500;

    letter-spacing: -3px;

    text-transform: uppercase;
}


#evaWinnerSection .eva-winner-title > span {

    display: block;

    color: var(--winner-gold);

    text-shadow:
        0 0 22px rgba(214,173,67,.15);
}


#evaWinnerSection .eva-winner-title small {

    display: block;

    margin-top: 8px;

    color: var(--winner-blue);

    font-family: "Poppins", sans-serif;

    font-size: .38em;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 5px;
}


#evaWinnerSection .eva-winner-title strong {

    display: block;

    margin-top: 10px;

    font-weight: 500;

    font-size: .72em;

    line-height: .95;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #ffffff 30%,
            #73baff 58%,
            #f1ca58 90%
        );

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;
}


#evaWinnerSection .eva-winner-title em {

    font-style: normal;

    color: var(--winner-gold);
}


/* =========================================================
   DESCRIPTION
========================================================= */

#evaWinnerSection .eva-winner-description {

    max-width: 590px;

    margin: 22px 0 0;

    color: #aeb9d5;

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    line-height: 1.8;
}


#evaWinnerSection .eva-winner-description b {

    color: #edf2ff;

    font-weight: 600;
}


/* =========================================================
   DECORATIVE LINE
========================================================= */

#evaWinnerSection .eva-winner-line {

    display: flex;

    align-items: center;

    gap: 12px;

    max-width: 380px;

    margin-top: 22px;
}


#evaWinnerSection .eva-winner-line i {

    display: block;

    height: 1px;

    flex: 1;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(214,173,67,.65)
        );
}


#evaWinnerSection .eva-winner-line i:last-child {

    background:
        linear-gradient(
            90deg,
            rgba(214,173,67,.65),
            transparent
        );
}


#evaWinnerSection .eva-winner-line span {

    color: var(--winner-gold);

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 2px;

    white-space: nowrap;
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

#evaWinnerSection .eva-winner-visual {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    min-width: 0;
}


/* =========================================================
   ORBITS
========================================================= */

#evaWinnerSection .eva-winner-orbit {

    position: absolute;

    border: 1px solid
        rgba(214,173,67,.13);

    border-radius: 50%;

    pointer-events: none;
}


#evaWinnerSection .orbit-a {

    width: 125%;

    height: 125%;

    animation:
        winnerOrbitA 14s linear infinite;
}


#evaWinnerSection .orbit-b {

    width: 108%;

    height: 145%;

    border-color:
        rgba(105,180,255,.09);

    animation:
        winnerOrbitB 18s linear infinite;
}


@keyframes winnerOrbitA {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


@keyframes winnerOrbitB {

    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}


/* =========================================================
   IMAGE FRAME
========================================================= */

#evaWinnerSection .eva-winner-image-frame {

    position: relative;

    width: 100%;

    aspect-ratio: 1.38 / 1;

    padding: 10px;

    border-radius: 16px;

    border: 1px solid
        rgba(214,173,67,.38);

    background:
        linear-gradient(
            145deg,
            rgba(214,173,67,.12),
            rgba(10,20,49,.95)
        );

    box-shadow:
        0 25px 65px rgba(0,0,0,.4),
        inset 0 0 30px
        rgba(214,173,67,.035);

    overflow: hidden;

    isolation: isolate;

    transition:
        transform .6s ease,
        box-shadow .6s ease;
}


/* =========================================================
   IMAGE
   NEVER CROPPED
========================================================= */

#evaWinnerSection .eva-winner-image-frame img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: contain;

    object-position: center;

    border-radius: 9px;

    background: #080f29;

    transition:
        transform .7s ease,
        filter .7s ease;

    position: relative;

    z-index: 2;
}


/* =========================================================
   IMAGE GLOW
========================================================= */

#evaWinnerSection .eva-winner-image-glow {

    position: absolute;

    width: 70%;

    height: 45%;

    left: 15%;

    bottom: -25%;

    background:
        radial-gradient(
            ellipse,
            rgba(214,173,67,.22),
            transparent 70%
        );

    filter: blur(22px);

    pointer-events: none;

    z-index: 1;

    animation:
        winnerGlow 3s ease-in-out infinite;
}


@keyframes winnerGlow {

    0%,100% {
        opacity: .45;
        transform: scale(.9);
    }

    50% {
        opacity: 1;
        transform: scale(1.08);
    }
}


/* =========================================================
   MOVING GOLD LIGHT
========================================================= */

#evaWinnerSection .eva-winner-shine {

    position: absolute;

    width: 130px;

    height: 2px;

    left: -150px;

    top: 0;

    z-index: 6;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ffffff,
            var(--winner-gold-light),
            transparent
        );

    box-shadow:
        0 0 8px var(--winner-gold-light),
        0 0 24px var(--winner-gold);

    animation:
        winnerFrameLight 4s linear infinite;

    pointer-events: none;
}


@keyframes winnerFrameLight {

    0% {
        left: -160px;
        top: 0;
        transform: rotate(0deg);
    }

    25% {
        left: calc(100% + 20px);
        top: 0;
        transform: rotate(0deg);
    }

    25.1% {
        left: calc(100% - 2px);
        top: -20px;
        transform: rotate(90deg);
    }

    50% {
        left: calc(100% - 2px);
        top: 100%;
        transform: rotate(90deg);
    }

    50.1% {
        transform: rotate(180deg);
    }

    75% {
        left: -160px;
        top: 100%;
        transform: rotate(180deg);
    }

    75.1% {
        transform: rotate(270deg);
    }

    100% {
        left: -160px;
        top: 0;
        transform: rotate(360deg);
    }
}


/* =========================================================
   CORNERS
========================================================= */

#evaWinnerSection .eva-winner-corner {

    position: absolute;

    width: 24px;

    height: 24px;

    border-color:
        var(--winner-gold);

    z-index: 7;

    pointer-events: none;

    filter:
        drop-shadow(
            0 0 5px
            rgba(214,173,67,.5)
        );
}


#evaWinnerSection .corner-1 {
    top: 4px;
    left: 4px;
    border-top: 2px solid;
    border-left: 2px solid;
}


#evaWinnerSection .corner-2 {
    top: 4px;
    right: 4px;
    border-top: 2px solid;
    border-right: 2px solid;
}


#evaWinnerSection .corner-3 {
    bottom: 4px;
    left: 4px;
    border-bottom: 2px solid;
    border-left: 2px solid;
}


#evaWinnerSection .corner-4 {
    bottom: 4px;
    right: 4px;
    border-bottom: 2px solid;
    border-right: 2px solid;
}


/* =========================================================
   BADGE
========================================================= */

#evaWinnerSection .eva-winner-badge {

    position: absolute;

    right: 24px;

    bottom: 22px;

    z-index: 8;

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    text-align: right;

    padding-left: 20px;
}


#evaWinnerSection .eva-winner-badge span {

    color: var(--winner-gold-light);

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2px;
}


#evaWinnerSection .eva-winner-badge strong {

    color: white;

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    letter-spacing: 2px;
}


/* =========================================================
   IMAGE HOVER
========================================================= */

#evaWinnerSection .eva-winner-image-frame:hover {

    transform: translateY(-6px);

    box-shadow:
        0 35px 80px rgba(0,0,0,.5),
        0 0 35px
        rgba(214,173,67,.09);
}


#evaWinnerSection .eva-winner-image-frame:hover img {

    transform: scale(1.025);

    filter:
        brightness(1.08)
        saturate(1.05);
}


/* =========================================================
   CURSOR GLOW
========================================================= */

#evaWinnerSection .eva-winner-cursor {

    position: absolute;

    width: 260px;

    height: 260px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(214,173,67,.10),
            rgba(105,180,255,.035) 30%,
            transparent 70%
        );

    transform:
        translate(-50%, -50%);

    pointer-events: none;

    opacity: 0;

    z-index: 20;

    transition: opacity .3s ease;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 950px) {

    #evaWinnerSection {

        padding: 50px 0;
    }

    #evaWinnerSection
    .eva-winner-container {

        width: min(
            720px,
            calc(100% - 45px)
        );

        grid-template-columns: 1fr;

        gap: 38px;
    }

    #evaWinnerSection
    .eva-winner-visual {

        width: 100%;

        max-width: 650px;

        margin: auto;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    #evaWinnerSection {

        padding: 40px 0;

        overflow-x: hidden;
    }


    #evaWinnerSection
    .eva-winner-container {

        width: calc(100% - 28px);

        gap: 28px;
    }


    #evaWinnerSection
    .eva-winner-kicker {

        font-size: 8px;

        letter-spacing: 2px;
    }


    #evaWinnerSection
    .eva-winner-title {

        font-size: clamp(
            42px,
            12.8vw,
            62px
        );

        line-height: .88;

        letter-spacing: -2px;
    }


    #evaWinnerSection
    .eva-winner-title small {

        font-size: 9px;

        letter-spacing: 3px;

        margin-top: 7px;
    }


    #evaWinnerSection
    .eva-winner-title strong {

        font-size: .72em;

        line-height: .95;

        margin-top: 9px;
    }


    #evaWinnerSection
    .eva-winner-description {

        margin-top: 17px;

        font-size: 12px;

        line-height: 1.7;
    }


    #evaWinnerSection
    .eva-winner-line {

        margin-top: 17px;

        max-width: 100%;
    }


    #evaWinnerSection
    .eva-winner-line span {

        font-size: 7px;

        letter-spacing: 1.5px;
    }


    #evaWinnerSection
    .eva-winner-image-frame {

        aspect-ratio: 1.25 / 1;

        padding: 7px;

        border-radius: 13px;
    }


    #evaWinnerSection
    .eva-winner-badge {

        right: 17px;

        bottom: 15px;
    }


    #evaWinnerSection
    .eva-winner-badge span {

        font-size: 8px;
    }


    #evaWinnerSection
    .eva-winner-badge strong {

        font-size: 7px;
    }


    #evaWinnerSection
    .eva-winner-orbit {

        display: none;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    #evaWinnerSection
    .eva-winner-title {

        font-size: 12vw;

        letter-spacing: -1.5px;
    }


    #evaWinnerSection
    .eva-winner-description {

        font-size: 11px;
    }

}

/* =========================================================
   EVA 2026 — CHAMPIONSHIP CATEGORIES
   CLEAN / FINAL / RESPONSIVE VERSION
========================================================= */

#evaCategoriesSection {

    --cat-bg: #070d28;
    --cat-card: #0d1838;
    --cat-card-dark: #09122f;

    --cat-gold: #d6ad43;
    --cat-gold-light: #f5d978;

    --cat-blue: #72baff;

    --cat-white: #f7f8ff;
    --cat-text: #c3cee5;
    --cat-muted: #96a5c5;

    position: relative;

    width: 100%;
    max-width: 100%;

    padding: 90px 0 100px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(75, 130, 220, .13),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #060b24 0%,
            #0b1536 50%,
            #060b24 100%
        );

    box-sizing: border-box;

    isolation: isolate;
}


/* =========================================================
   RESET ONLY INSIDE THIS SECTION
========================================================= */

#evaCategoriesSection *,
#evaCategoriesSection *::before,
#evaCategoriesSection *::after {

    box-sizing: border-box;
}


/* =========================================================
   BACKGROUND GRID
========================================================= */

#evaCategoriesSection .eva-cat-bg-grid {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    background-image:
        linear-gradient(
            rgba(100, 155, 220, .035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(100, 155, 220, .035) 1px,
            transparent 1px
        );

    background-size: 55px 55px;

    pointer-events: none;

    z-index: -2;
}


/* =========================================================
   CURSOR GLOW
========================================================= */

#evaCategoriesSection .eva-cat-cursor {

    position: absolute;

    width: 300px;
    height: 300px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(214, 173, 67, .13) 0%,
            rgba(114, 186, 255, .045) 32%,
            transparent 70%
        );

    transform: translate(-50%, -50%);

    pointer-events: none;

    opacity: 0;

    z-index: 50;

    transition: opacity .25s ease;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

#evaCategoriesSection .eva-cat-container {

    position: relative;

    width: min(
        1380px,
        calc(100% - 70px)
    );

    max-width: 1380px;

    margin: 0 auto;

    padding: 0;

    box-sizing: border-box;
}


/* =========================================================
   SECTION HEADER
========================================================= */

#evaCategoriesSection .eva-cat-header {

    position: relative;

    width: 100%;
    max-width: 850px;

    margin: 0 auto 55px;

    text-align: center;

    z-index: 2;
}


#evaCategoriesSection .eva-cat-label {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-bottom: 18px;

    color: var(--cat-blue);

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 3px;

    text-transform: uppercase;
}


#evaCategoriesSection .eva-cat-label span {

    display: block;

    width: 38px;
    height: 1px;

    background: var(--cat-gold);

    box-shadow:
        0 0 8px rgba(214,173,67,.75);
}


#evaCategoriesSection .eva-cat-heading {

    margin: 0;

    color: var(--cat-white);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(
        48px,
        5.7vw,
        80px
    );

    font-weight: 500;

    line-height: .92;

    letter-spacing: -3px;

    text-transform: uppercase;
}


#evaCategoriesSection .eva-cat-heading span {

    display: block;

    margin-top: 8px;

    color: var(--cat-gold-light);

    text-shadow:
        0 0 25px rgba(214,173,67,.12);
}


#evaCategoriesSection .eva-cat-subtitle {

    max-width: 720px;

    margin: 23px auto 0;

    color: var(--cat-muted);

    font-family: "Poppins", sans-serif;

    font-size: 15px;

    line-height: 1.8;

    font-weight: 400;
}


/* =========================================================
   🔥 IMPORTANT GRID FIX
========================================================= */

#evaCategoriesSection .eva-cat-grid {

    position: relative;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    grid-auto-flow: row;

    grid-auto-rows: auto;

    align-items: stretch;

    align-content: start;

    gap: 26px;

    width: 100%;
    max-width: 100%;

    margin: 0;

    padding: 0;

    overflow: visible;

    box-sizing: border-box;
}


/* =========================================================
   CARD — HARD RESET
========================================================= */

#evaCategoriesSection .eva-cat-card {

    position: relative !important;

    display: flex !important;

    flex-direction: column !important;

    align-self: stretch !important;

    justify-self: stretch !important;

    width: 100% !important;

    min-width: 0 !important;

    height: auto !important;

    min-height: 100% !important;

    margin: 0 !important;

    padding: 30px 28px 28px !important;

    overflow: hidden !important;

    border: 1px solid
        rgba(99,150,220,.24);

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(16,31,68,.97),
            rgba(7,16,41,.97)
        );

    box-shadow:
        0 20px 55px rgba(0,0,0,.27),
        inset 0 0 40px
        rgba(80,130,210,.025);

    isolation: isolate;

    transform-origin: center center;

    backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    transition:
        transform .45s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}


/* =========================================================
   FEATURED CARD
========================================================= */

#evaCategoriesSection .eva-cat-featured {

    border-color:
        rgba(214,173,67,.58) !important;

    background:
        linear-gradient(
            145deg,
            rgba(27,39,73,.98),
            rgba(8,17,43,.98)
        );

    box-shadow:
        0 25px 65px rgba(0,0,0,.32),
        0 0 35px rgba(214,173,67,.07),
        inset 0 0 45px
        rgba(214,173,67,.035);
}


/* =========================================================
   MOVING GOLD BORDER LIGHT
========================================================= */

#evaCategoriesSection .eva-cat-card-light {

    position: absolute;

    width: 150px;
    height: 2px;

    top: 0;
    left: -170px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ffffff,
            var(--cat-gold-light),
            transparent
        );

    box-shadow:
        0 0 8px var(--cat-gold),
        0 0 20px var(--cat-gold);

    pointer-events: none;

    z-index: 10;

    animation:
        evaCategoryBorderLight
        5.5s linear infinite;
}


@keyframes evaCategoryBorderLight {

    0% {
        left: -170px;
        top: 0;
        transform: rotate(0deg);
    }

    24% {
        left: calc(100% + 20px);
        top: 0;
        transform: rotate(0deg);
    }

    25% {
        left: calc(100% - 1px);
        top: -30px;
        transform: rotate(90deg);
    }

    49% {
        left: calc(100% - 1px);
        top: calc(100% + 20px);
        transform: rotate(90deg);
    }

    50% {
        left: calc(100% - 1px);
        top: 100%;
        transform: rotate(180deg);
    }

    74% {
        left: -170px;
        top: 100%;
        transform: rotate(180deg);
    }

    75% {
        left: -1px;
        top: 100%;
        transform: rotate(270deg);
    }

    99% {
        left: -1px;
        top: 0;
        transform: rotate(270deg);
    }

    100% {
        left: -170px;
        top: 0;
        transform: rotate(360deg);
    }
}


/* =========================================================
   CARD TOP
========================================================= */

#evaCategoriesSection .eva-cat-top {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    margin: 0 0 22px;

    padding: 0;

    flex-shrink: 0;
}


#evaCategoriesSection .eva-cat-number {

    color: var(--cat-gold);

    font-family: "Poppins", sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;
}


#evaCategoriesSection .eva-cat-status {

    padding: 6px 11px;

    border: 1px solid
        rgba(214,173,67,.38);

    border-radius: 50px;

    color: var(--cat-gold-light);

    background:
        rgba(214,173,67,.06);

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;
}


/* =========================================================
   TITLES
========================================================= */

#evaCategoriesSection .eva-cat-card h3,
#evaCategoriesSection .eva-cat-title {

    display: block;

    width: 100%;

    margin: 0 !important;

    padding: 0;

    min-height: 82px;

    color: var(--cat-white);

    font-family: "Poppins", sans-serif;

    font-size: 24px;

    line-height: 1.13;

    font-weight: 700;

    letter-spacing: -.5px;

    text-transform: uppercase;

    flex-shrink: 0;
}


#evaCategoriesSection .eva-cat-card h3 span,
#evaCategoriesSection .eva-cat-title span {

    display: block;

    margin-top: 5px;

    color: var(--cat-blue);
}


/* =========================================================
   PRICE
========================================================= */

#evaCategoriesSection .eva-cat-price {

    margin: 18px 0 0;

    color: var(--cat-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 56px;

    line-height: 1;

    font-weight: 600;

    letter-spacing: -2px;

    flex-shrink: 0;

    text-shadow:
        0 0 22px
        rgba(214,173,67,.13);
}


#evaCategoriesSection .eva-cat-price span {

    position: relative;

    top: 6px;

    margin-right: 3px;

    font-size: .52em;
}


#evaCategoriesSection .eva-cat-price-label {

    margin-top: 8px;

    color: #7182a7;

    font-family: "Poppins", sans-serif;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 2px;

    flex-shrink: 0;
}


/* =========================================================
   DIVIDER
========================================================= */

#evaCategoriesSection .eva-cat-divider {

    width: 100%;
    height: 1px;

    margin: 22px 0 21px;

    background:
        linear-gradient(
            90deg,
            rgba(214,173,67,.48),
            rgba(95,140,210,.18),
            transparent
        );

    flex-shrink: 0;
}


/* =========================================================
   FEATURES
========================================================= */

#evaCategoriesSection .eva-cat-features {

    display: flex !important;

    flex-direction: column !important;

    flex: 1 1 auto;

    width: 100%;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;

    gap: 13px;

    min-height: 0;
}


#evaCategoriesSection .eva-cat-features li {

    position: relative;

    display: block;

    width: 100%;

    margin: 0;

    padding: 0 0 0 24px;

    color: var(--cat-text);

    font-family: "Poppins", sans-serif;

    font-size: 13.5px;

    line-height: 1.65;

    font-weight: 400;
}


#evaCategoriesSection .eva-cat-features li::before {

    content: "✦";

    position: absolute;

    left: 0;
    top: 2px;

    color: var(--cat-gold);

    font-size: 12px;

    text-shadow:
        0 0 8px
        rgba(214,173,67,.6);
}


/* =========================================================
   NOT INCLUDED
========================================================= */

#evaCategoriesSection
.eva-cat-features li.eva-cat-excluded {

    margin-top: 3px;

    padding:
        11px
        13px
        11px
        32px;

    border-left: 2px solid
        rgba(214,173,67,.55);

    border-radius: 0 7px 7px 0;

    background:
        rgba(214,173,67,.045);

    color: #dce2f0;

    font-size: 13px;

    line-height: 1.55;
}


#evaCategoriesSection
.eva-cat-features li.eva-cat-excluded::before {

    left: 11px;
}


/* =========================================================
   APPLY NOW — PERFECT CENTER
========================================================= */

#evaCategoriesSection .eva-cat-apply {

    position: relative;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 24px;

    width: 175px !important;

    min-width: 175px !important;

    height: 51px !important;

    min-height: 51px !important;

    margin:
        30px auto 0 !important;

    padding:
        0 20px !important;

    border: 1px solid
        rgba(214,173,67,.7);

    border-radius: 50px;

    overflow: hidden;

    color: #10172e;

    background:
        linear-gradient(
            100deg,
            var(--cat-gold),
            var(--cat-gold-light)
        );

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 2px;

    text-decoration: none;

    text-align: center;

    flex-shrink: 0;

    box-shadow:
        0 8px 25px
        rgba(214,173,67,.13);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


#evaCategoriesSection .eva-cat-apply span {

    position: relative;

    z-index: 3;
}


#evaCategoriesSection .eva-cat-apply i {

    position: relative;

    z-index: 3;

    font-size: 18px;

    font-style: normal;

    line-height: 1;

    transition:
        transform .35s ease;
}


#evaCategoriesSection .eva-cat-apply::before {

    content: "";

    position: absolute;

    top: -30%;

    left: -110px;

    width: 70px;

    height: 160%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.75),
            transparent
        );

    transform: skewX(-20deg);

    transition:
        left .65s ease;

    z-index: 1;
}


#evaCategoriesSection .eva-cat-apply:hover {

    transform: translateY(-3px);

    box-shadow:
        0 14px 35px
        rgba(214,173,67,.28);
}


#evaCategoriesSection .eva-cat-apply:hover::before {

    left: 120%;
}


#evaCategoriesSection .eva-cat-apply:hover i {

    transform:
        translate(4px,-4px);
}


/* =========================================================
   DESKTOP HOVER
========================================================= */

@media (min-width: 1051px) {

    #evaCategoriesSection .eva-cat-card:hover {

        transform: translateY(-8px);

        border-color:
            rgba(214,173,67,.48);

        box-shadow:
            0 30px 70px rgba(0,0,0,.42),
            0 0 35px rgba(214,173,67,.07);
    }

}


/* =========================================================
   TABLET — 2 COLUMNS
========================================================= */

@media (max-width: 1050px) {

    #evaCategoriesSection {

        padding:
            75px 0 80px;
    }


    #evaCategoriesSection .eva-cat-container {

        width:
            calc(100% - 45px);
    }


    #evaCategoriesSection .eva-cat-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        grid-auto-rows: auto;

        gap: 22px;
    }


    #evaCategoriesSection .eva-cat-card {

        min-height: 0 !important;

        padding:
            27px 24px 25px !important;
    }


    #evaCategoriesSection .eva-cat-card h3,
    #evaCategoriesSection .eva-cat-title {

        font-size: 22px;

        min-height: 76px;
    }


    #evaCategoriesSection .eva-cat-features li {

        font-size: 13px;
    }

}


/* =========================================================
   MOBILE — ONE COLUMN
========================================================= */

@media (max-width: 650px) {

    #evaCategoriesSection {

        width: 100%;

        padding:
            55px 0 60px;

        overflow-x: hidden;
    }


    #evaCategoriesSection .eva-cat-container {

        width:
            calc(100% - 28px);

        max-width: none;
    }


    #evaCategoriesSection .eva-cat-header {

        margin-bottom: 34px;
    }


    #evaCategoriesSection .eva-cat-label {

        font-size: 9px;

        letter-spacing: 2px;

        margin-bottom: 14px;
    }


    #evaCategoriesSection .eva-cat-heading {

        font-size:
            clamp(
                39px,
                12.5vw,
                60px
            );

        line-height: .9;

        letter-spacing: -2px;
    }


    #evaCategoriesSection .eva-cat-subtitle {

        margin-top: 17px;

        font-size: 12px;

        line-height: 1.7;
    }


    /* 🔥 MOBILE GRID HARD FIX */

    #evaCategoriesSection .eva-cat-grid {

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr) !important;

        grid-auto-flow: row !important;

        grid-auto-rows: auto !important;

        align-items: stretch !important;

        align-content: start !important;

        gap: 20px !important;

        width: 100% !important;

        height: auto !important;

        overflow: visible !important;
    }


    /* 🔥 MOBILE CARD HARD FIX */

    #evaCategoriesSection .eva-cat-card {

        position: relative !important;

        display: flex !important;

        flex-direction: column !important;

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;

        height: auto !important;

        min-height: 0 !important;

        margin: 0 !important;

        padding:
            24px 20px 24px !important;

        transform:
            none !important;
    }


    #evaCategoriesSection .eva-cat-card:hover {

        transform:
            translateY(-4px) !important;
    }


    #evaCategoriesSection .eva-cat-top {

        margin-bottom: 20px;
    }


    #evaCategoriesSection .eva-cat-card h3,
    #evaCategoriesSection .eva-cat-title {

        min-height: auto !important;

        font-size: 22px !important;

        line-height: 1.12 !important;
    }


    #evaCategoriesSection .eva-cat-price {

        margin-top: 18px;

        font-size: 52px;
    }


    #evaCategoriesSection .eva-cat-features {

        gap: 12px;
    }


    #evaCategoriesSection .eva-cat-features li {

        font-size: 13.5px;

        line-height: 1.65;
    }


    #evaCategoriesSection
    .eva-cat-features li.eva-cat-excluded {

        font-size: 13px;
    }


    #evaCategoriesSection .eva-cat-apply {

        width: 175px !important;

        min-width: 175px !important;

        height: 50px !important;

        min-height: 50px !important;

        margin:
            27px auto 0 !important;
    }


    /* Disable desktop cursor on touch devices */

    #evaCategoriesSection .eva-cat-cursor {

        display: none !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    #evaCategoriesSection .eva-cat-container {

        width:
            calc(100% - 22px);
    }


    #evaCategoriesSection .eva-cat-grid {

        gap: 17px !important;
    }


    #evaCategoriesSection .eva-cat-card {

        padding:
            22px 17px 22px !important;

        border-radius: 15px;
    }


    #evaCategoriesSection .eva-cat-card h3,
    #evaCategoriesSection .eva-cat-title {

        font-size: 20px !important;
    }


    #evaCategoriesSection .eva-cat-price {

        font-size: 48px;
    }


    #evaCategoriesSection .eva-cat-features {

        gap: 11px;
    }


    #evaCategoriesSection .eva-cat-features li {

        font-size: 12.5px;

        line-height: 1.62;
    }


    #evaCategoriesSection .eva-cat-apply {

        width: 165px !important;

        min-width: 165px !important;

        height: 48px !important;

        min-height: 48px !important;

        font-size: 10px;
    }

}


/* =========================================================
   EXTRA SAFETY — PREVENT EXTERNAL CSS FROM BREAKING GRID
========================================================= */

#evaCategoriesSection .eva-cat-grid > .eva-cat-card {

    grid-column: auto !important;

    grid-row: auto !important;

    float: none !important;

    clear: none !important;

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    #evaCategoriesSection .eva-cat-card-light {

        animation: none;
    }

    #evaCategoriesSection .eva-cat-card,
    #evaCategoriesSection .eva-cat-apply {

        transition: none;
    }

}
/* =========================================================
   CHAMPIONSHIP SELECTION CRITERIA
   PREMIUM NAVY + GOLD
========================================================= */

#selectionCriteriaSection {

    --sc-navy: #060d27;
    --sc-navy-2: #0b1638;

    --sc-gold: #d6ad43;
    --sc-gold-light: #f5d978;

    --sc-blue: #72baff;

    --sc-white: #f7f8ff;
    --sc-text: #c6d0e4;
    --sc-muted: #92a1bf;

    position: relative;

    width: 100%;

    padding: 100px 0 110px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(77,132,220,.13),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #050a21 0%,
            #0b1638 52%,
            #050a21 100%
        );

    isolation: isolate;
}


#selectionCriteriaSection *,
#selectionCriteriaSection *::before,
#selectionCriteriaSection *::after {

    box-sizing: border-box;
}


/* =========================================================
   BACKGROUND GRID
========================================================= */

#selectionCriteriaSection .criteria-bg-grid {

    position: absolute;

    inset: 0;

    background-image:
        linear-gradient(
            rgba(111,163,225,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(111,163,225,.035) 1px,
            transparent 1px
        );

    background-size: 58px 58px;

    pointer-events: none;

    z-index: -3;
}


/* =========================================================
   BACKGROUND GLOWS
========================================================= */

#selectionCriteriaSection .criteria-glow {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(70px);

    z-index: -2;
}


#selectionCriteriaSection .criteria-glow-1 {

    width: 400px;
    height: 400px;

    left: -180px;
    top: 25%;

    background:
        rgba(64,120,220,.08);

    animation:
        criteriaGlowOne
        9s ease-in-out infinite alternate;
}


#selectionCriteriaSection .criteria-glow-2 {

    width: 360px;
    height: 360px;

    right: -160px;
    bottom: 5%;

    background:
        rgba(214,173,67,.07);

    animation:
        criteriaGlowTwo
        10s ease-in-out infinite alternate;
}


@keyframes criteriaGlowOne {

    from {
        transform: translate3d(0,0,0);
    }

    to {
        transform: translate3d(100px,50px,0);
    }
}


@keyframes criteriaGlowTwo {

    from {
        transform: translate3d(0,0,0);
    }

    to {
        transform: translate3d(-90px,-60px,0);
    }
}


/* =========================================================
   CURSOR GLOW
========================================================= */

#selectionCriteriaSection .criteria-cursor {

    position: absolute;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(214,173,67,.12) 0%,
            rgba(114,186,255,.045) 30%,
            transparent 70%
        );

    transform:
        translate(-50%,-50%);

    pointer-events: none;

    opacity: 0;

    z-index: 20;

    transition:
        opacity .3s ease;
}


/* =========================================================
   CONTAINER
========================================================= */

#selectionCriteriaSection .criteria-container {

    width: min(
        1250px,
        calc(100% - 70px)
    );

    margin: 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

#selectionCriteriaSection .criteria-header {

    max-width: 900px;

    margin:
        0 auto 65px;

    text-align: center;
}


#selectionCriteriaSection .criteria-label {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 13px;

    margin-bottom: 20px;

    color: var(--sc-blue);

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 3px;
}


#selectionCriteriaSection .criteria-label span {

    width: 38px;
    height: 1px;

    background:
        var(--sc-gold);

    box-shadow:
        0 0 9px
        rgba(214,173,67,.8);
}


#selectionCriteriaSection .criteria-header h2 {

    margin: 0;

    color: var(--sc-white);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            48px,
            6vw,
            78px
        );

    font-weight: 500;

    line-height: .95;

    letter-spacing: -3px;

    text-transform: uppercase;
}


#selectionCriteriaSection .criteria-header h2 em {

    display: block;

    margin-top: 8px;

    color: var(--sc-gold-light);

    font-style: normal;

    text-shadow:
        0 0 28px
        rgba(214,173,67,.12);
}


#selectionCriteriaSection .criteria-header p {

    max-width: 780px;

    margin:
        25px auto 0;

    color: var(--sc-muted);

    font-family: "Poppins", sans-serif;

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================================
   GRID
========================================================= */

#selectionCriteriaSection .criteria-grid {

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap: 24px;

    width: 100%;
}


/* =========================================================
   CARD
========================================================= */

#selectionCriteriaSection .criteria-card {

    position: relative;

    display: grid;

    grid-template-columns: 68px 45px minmax(0,1fr);

    align-items: center;

    min-height: 225px;

    padding:
        30px 32px;

    overflow: hidden;

    border:
        1px solid
        rgba(99,150,220,.23);

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(16,32,70,.97),
            rgba(7,16,40,.98)
        );

    box-shadow:
        0 20px 55px
        rgba(0,0,0,.25),
        inset 0 0 45px
        rgba(70,120,210,.025);

    isolation: isolate;

    transition:
        transform .45s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

#selectionCriteriaSection .criteria-card:hover {

    transform:
        translateY(-8px);

    border-color:
        rgba(214,173,67,.55);

    box-shadow:
        0 30px 70px
        rgba(0,0,0,.38),
        0 0 35px
        rgba(214,173,67,.07);
}


/* =========================================================
   GOLD LIGHT SWEEP
========================================================= */

#selectionCriteriaSection .criteria-light {

    position: absolute;

    width: 150px;
    height: 2px;

    left: -180px;
    top: 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ffffff,
            var(--sc-gold-light),
            transparent
        );

    box-shadow:
        0 0 8px var(--sc-gold),
        0 0 20px var(--sc-gold);

    animation:
        criteriaBorderLight
        5.5s linear infinite;

    pointer-events: none;

    z-index: 10;
}


@keyframes criteriaBorderLight {

    0% {
        left: -180px;
        top: 0;
        transform: rotate(0);
    }

    24% {
        left: calc(100% + 20px);
        top: 0;
        transform: rotate(0);
    }

    25% {
        left: calc(100% - 1px);
        top: -20px;
        transform: rotate(90deg);
    }

    49% {
        left: calc(100% - 1px);
        top: calc(100% + 20px);
        transform: rotate(90deg);
    }

    50% {
        left: calc(100% + 20px);
        top: calc(100% - 1px);
        transform: rotate(180deg);
    }

    74% {
        left: -180px;
        top: calc(100% - 1px);
        transform: rotate(180deg);
    }

    75% {
        left: 0;
        top: calc(100% + 20px);
        transform: rotate(270deg);
    }

    99% {
        left: 0;
        top: -20px;
        transform: rotate(270deg);
    }

    100% {
        left: -180px;
        top: 0;
        transform: rotate(360deg);
    }
}


/* =========================================================
   ICON
========================================================= */

#selectionCriteriaSection .criteria-icon {

    grid-column: 1;

    grid-row: 1;

    width: 62px;
    height: 62px;

    display: flex;

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

    border:
        1px solid
        rgba(214,173,67,.55);

    border-radius: 14px;

    color: var(--sc-gold-light);

    background:
        linear-gradient(
            145deg,
            rgba(214,173,67,.15),
            rgba(214,173,67,.035)
        );

    box-shadow:
        inset 0 0 20px
        rgba(214,173,67,.04),
        0 0 20px
        rgba(214,173,67,.05);

    font-size: 22px;

    transition:
        transform .4s ease,
        background .4s ease;
}


#selectionCriteriaSection .criteria-card:hover .criteria-icon {

    transform:
        rotate(-5deg)
        scale(1.08);

    background:
        rgba(214,173,67,.13);

    box-shadow:
        0 0 25px
        rgba(214,173,67,.13);
}


/* =========================================================
   NUMBER
========================================================= */

#selectionCriteriaSection .criteria-number {

    grid-column: 2;

    grid-row: 1;

    color: var(--sc-gold);

    font-family: "Poppins", sans-serif;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 2px;
}


/* =========================================================
   CONTENT
========================================================= */

#selectionCriteriaSection .criteria-content {

    grid-column: 3;

    grid-row: 1;

    min-width: 0;
}


#selectionCriteriaSection .criteria-content h3 {

    margin: 0;

    color: var(--sc-white);

    font-family: "Poppins", sans-serif;

    font-size: 21px;

    line-height: 1.25;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: -.3px;
}


#selectionCriteriaSection .criteria-content h3 span {

    display: block;

    color: var(--sc-blue);
}


#selectionCriteriaSection .criteria-content p {

    margin:
        12px 0 0;

    color: var(--sc-text);

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    line-height: 1.75;

    font-weight: 400;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    #selectionCriteriaSection {

        padding:
            80px 0 90px;
    }


    #selectionCriteriaSection .criteria-container {

        width:
            calc(100% - 45px);
    }


    #selectionCriteriaSection .criteria-grid {

        gap: 20px;
    }


    #selectionCriteriaSection .criteria-card {

        grid-template-columns:
            58px 35px minmax(0,1fr);

        min-height: 235px;

        padding:
            27px 23px;
    }


    #selectionCriteriaSection .criteria-icon {

        width: 54px;
        height: 54px;

        font-size: 19px;
    }


    #selectionCriteriaSection .criteria-content h3 {

        font-size: 18px;
    }


    #selectionCriteriaSection .criteria-content p {

        font-size: 13.5px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    #selectionCriteriaSection {

        padding:
            60px 0 70px;

        overflow-x: hidden;
    }


    #selectionCriteriaSection .criteria-container {

        width:
            calc(100% - 28px);
    }


    #selectionCriteriaSection .criteria-header {

        margin-bottom: 38px;
    }


    #selectionCriteriaSection .criteria-label {

        font-size: 9px;

        letter-spacing: 2px;

        gap: 8px;
    }


    #selectionCriteriaSection .criteria-label span {

        width: 25px;
    }


    #selectionCriteriaSection .criteria-header h2 {

        font-size:
            clamp(
                38px,
                11.5vw,
                56px
            );

        line-height: .92;

        letter-spacing: -2px;
    }


    #selectionCriteriaSection .criteria-header p {

        margin-top: 18px;

        font-size: 13px;

        line-height: 1.7;
    }


    /* ONE COLUMN */

    #selectionCriteriaSection .criteria-grid {

        display: grid;

        grid-template-columns:
            minmax(0,1fr);

        gap: 17px;

        width: 100%;
    }


    #selectionCriteriaSection .criteria-card {

        display: grid;

        grid-template-columns:
            55px 32px minmax(0,1fr);

        width: 100%;

        min-width: 0;

        min-height: 0;

        padding:
            23px 19px;

        border-radius: 15px;

        transform: none;
    }


    #selectionCriteriaSection .criteria-card:hover {

        transform:
            translateY(-4px);
    }


    #selectionCriteriaSection .criteria-icon {

        width: 50px;
        height: 50px;

        border-radius: 12px;

        font-size: 18px;
    }


    #selectionCriteriaSection .criteria-number {

        font-size: 10px;

        letter-spacing: 1.5px;
    }


    #selectionCriteriaSection .criteria-content h3 {

        font-size: 17px;

        line-height: 1.28;

        letter-spacing: 0;
    }


    /* BIG MOBILE DESCRIPTION */

    #selectionCriteriaSection .criteria-content p {

        margin-top: 10px;

        font-size: 13.5px;

        line-height: 1.72;

        color: #c8d1e3;
    }


    #selectionCriteriaSection .criteria-cursor {

        display: none;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    #selectionCriteriaSection .criteria-container {

        width:
            calc(100% - 20px);
    }


    #selectionCriteriaSection .criteria-card {

        grid-template-columns:
            48px 27px minmax(0,1fr);

        padding:
            20px 15px;
    }


    #selectionCriteriaSection .criteria-icon {

        width: 44px;
        height: 44px;

        font-size: 16px;
    }


    #selectionCriteriaSection .criteria-content h3 {

        font-size: 15.5px;
    }


    #selectionCriteriaSection .criteria-content p {

        font-size: 13px;

        line-height: 1.7;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    #selectionCriteriaSection .criteria-light,
    #selectionCriteriaSection .criteria-glow {

        animation: none;
    }

    #selectionCriteriaSection .criteria-card {

        transition: none;
    }

}

/* =========================================================
   OUR FUTURE GOALS
   PREMIUM NAVY + GOLD LOGO SECTION
========================================================= */

#futureGoalsSection {

    --fg-navy: #050a21;
    --fg-navy-two: #0b1638;

    --fg-gold: #d6ad43;
    --fg-gold-light: #f5d978;

    --fg-blue: #72baff;

    --fg-white: #f7f8ff;

    position: relative;

    width: 100%;

    padding: 90px 0 95px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(83,137,225,.12),
            transparent 42%
        ),

        linear-gradient(
            135deg,
            #050a21 0%,
            #0b1638 52%,
            #050a21 100%
        );

    isolation: isolate;
}


/* =========================================================
   RESET
========================================================= */

#futureGoalsSection *,
#futureGoalsSection *::before,
#futureGoalsSection *::after {

    box-sizing: border-box;
}


/* =========================================================
   BACKGROUND GRID
========================================================= */

#futureGoalsSection .future-goals-grid {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    background-image:

        linear-gradient(
            rgba(111,163,225,.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(111,163,225,.035) 1px,
            transparent 1px
        );

    background-size: 58px 58px;

    pointer-events: none;

    z-index: -3;
}


/* =========================================================
   GLOW
========================================================= */

#futureGoalsSection .future-goals-glow {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(80px);

    z-index: -2;
}


#futureGoalsSection .future-glow-one {

    width: 420px;
    height: 420px;

    left: -220px;
    top: 20%;

    background:
        rgba(72,129,225,.08);

    animation:
        futureGlowOne
        9s ease-in-out infinite alternate;
}


#futureGoalsSection .future-glow-two {

    width: 360px;
    height: 360px;

    right: -180px;
    bottom: -100px;

    background:
        rgba(214,173,67,.07);

    animation:
        futureGlowTwo
        10s ease-in-out infinite alternate;
}


@keyframes futureGlowOne {

    from {
        transform:
            translate3d(0,0,0);
    }

    to {
        transform:
            translate3d(100px,50px,0);
    }
}


@keyframes futureGlowTwo {

    from {
        transform:
            translate3d(0,0,0);
    }

    to {
        transform:
            translate3d(-90px,-60px,0);
    }
}


/* =========================================================
   CURSOR
========================================================= */

#futureGoalsSection .future-goals-cursor {

    position: absolute;

    width: 330px;
    height: 330px;

    border-radius: 50%;

    transform:
        translate(-50%,-50%);

    background:
        radial-gradient(
            circle,
            rgba(214,173,67,.12),
            rgba(114,186,255,.04) 35%,
            transparent 70%
        );

    opacity: 0;

    pointer-events: none;

    z-index: 30;

    transition:
        opacity .3s ease;
}


/* =========================================================
   CONTAINER
========================================================= */

#futureGoalsSection .future-goals-container {

    position: relative;

    width:
        min(
            1400px,
            calc(100% - 70px)
        );

    margin: 0 auto;
}


/* =========================================================
   HEADING
========================================================= */

#futureGoalsSection .future-goals-heading {

    text-align: center;

    margin:
        0 auto 55px;
}


#futureGoalsSection .future-goals-label {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 13px;

    margin-bottom: 18px;

    color:
        var(--fg-blue);

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 3px;

    text-transform: uppercase;
}


#futureGoalsSection .future-goals-label span {

    display: block;

    width: 40px;
    height: 1px;

    background:
        var(--fg-gold);

    box-shadow:
        0 0 10px
        rgba(214,173,67,.8);
}


#futureGoalsSection .future-goals-heading h2 {

    margin: 0;

    color:
        var(--fg-white);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            48px,
            6vw,
            78px
        );

    line-height: .9;

    font-weight: 500;

    letter-spacing: -3px;

    text-transform: uppercase;
}


#futureGoalsSection .future-goals-heading h2 em {

    display: block;

    margin-top: 8px;

    color:
        var(--fg-gold-light);

    font-style: normal;

    text-shadow:
        0 0 30px
        rgba(214,173,67,.14);
}


/* =========================================================
   SLIDER OUTER
========================================================= */

#futureGoalsSection .future-slider {

    position: relative;

    width: 100%;

    overflow: hidden;

    padding:
        15px 0 25px;

    /* Fade edges */

    mask-image:
        linear-gradient(
            90deg,
            transparent,
            black 7%,
            black 93%,
            transparent
        );

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent,
            black 7%,
            black 93%,
            transparent
        );
}


/* =========================================================
   SLIDER TRACK
========================================================= */

#futureGoalsSection .future-slider-track {

    display: flex;

    align-items: center;

    width: max-content;

    gap: 22px;

    animation:
        futureGoalsMarquee
        32s linear infinite;

    will-change: transform;
}


/* Pause on hover */

#futureGoalsSection .future-slider:hover
.future-slider-track {

    animation-play-state:
        paused;
}


/* =========================================================
   LOGO BOX
========================================================= */

#futureGoalsSection .future-logo {

    position: relative;

    width: 180px;
    height: 120px;

    flex:
        0 0 180px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 10px;

    border:
        1px solid
        rgba(110,159,220,.25);

    border-radius: 18px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(18,34,73,.96),
            rgba(7,15,38,.98)
        );

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

        inset 0 0 35px
        rgba(70,120,210,.035);

    transition:
        transform .45s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}


/* =========================================================
   GOLD CORNER GLOW
========================================================= */

#futureGoalsSection .future-logo::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 45px;
    height: 45px;

    border-top:
        1px solid
        var(--fg-gold);

    border-left:
        1px solid
        var(--fg-gold);

    border-radius:
        18px 0 0 0;

    opacity: .7;

    pointer-events: none;
}


#futureGoalsSection .future-logo::after {

    content: "";

    position: absolute;

    right: 0;
    bottom: 0;

    width: 45px;
    height: 45px;

    border-right:
        1px solid
        rgba(114,186,255,.55);

    border-bottom:
        1px solid
        rgba(114,186,255,.55);

    border-radius:
        0 0 18px 0;

    opacity: .7;

    pointer-events: none;
}


/* =========================================================
   LOGO INNER
========================================================= */

#futureGoalsSection .future-logo-inner {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;
    height: 100%;

    padding: 10px;

    border-radius: 12px;

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

    z-index: 2;
}


/* =========================================================
   LOGO IMAGE
========================================================= */

#futureGoalsSection .future-logo img {

    display: block;

    width: auto;

    height: auto;

    max-width: 145px;

    max-height: 78px;

    object-fit: contain;

    object-position: center;

    margin: auto;

    filter:
        brightness(.96)
        contrast(1.04);

    transition:
        transform .5s ease,
        filter .5s ease;
}


/* =========================================================
   HOVER
========================================================= */

#futureGoalsSection .future-logo:hover {

    transform:
        translateY(-8px)
        scale(1.025);

    border-color:
        rgba(214,173,67,.58);

    box-shadow:

        0 25px 55px
        rgba(0,0,0,.4),

        0 0 30px
        rgba(214,173,67,.08);
}


#futureGoalsSection .future-logo:hover img {

    transform:
        scale(1.08);

    filter:
        brightness(1.08)
        contrast(1.05);
}


/* =========================================================
   MOVING GOLD LIGHT
========================================================= */

#futureGoalsSection .future-logo-light {

    position: absolute;

    width: 110px;
    height: 2px;

    left: -130px;
    top: 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ffffff,
            var(--fg-gold-light),
            transparent
        );

    box-shadow:
        0 0 8px
        var(--fg-gold),

        0 0 18px
        var(--fg-gold);

    animation:
        futureLogoLight
        4.8s linear infinite;

    pointer-events: none;

    z-index: 5;
}


@keyframes futureLogoLight {

    0% {

        left: -130px;

        top: 0;

        transform:
            rotate(0deg);
    }

    24% {

        left: calc(100% + 15px);

        top: 0;

        transform:
            rotate(0deg);
    }

    25% {

        left: calc(100% - 1px);

        top: -15px;

        transform:
            rotate(90deg);
    }

    49% {

        left: calc(100% - 1px);

        top: calc(100% + 15px);

        transform:
            rotate(90deg);
    }

    50% {

        left: calc(100% + 15px);

        top: calc(100% - 1px);

        transform:
            rotate(180deg);
    }

    74% {

        left: -130px;

        top: calc(100% - 1px);

        transform:
            rotate(180deg);
    }

    75% {

        left: 0;

        top: calc(100% + 15px);

        transform:
            rotate(270deg);
    }

    99% {

        left: 0;

        top: -15px;

        transform:
            rotate(270deg);
    }

    100% {

        left: -130px;

        top: 0;

        transform:
            rotate(360deg);
    }
}


/* =========================================================
   INFINITE MARQUEE
========================================================= */

@keyframes futureGoalsMarquee {

    from {

        transform:
            translateX(0);
    }

    to {

        transform:
            translateX(
                calc(-50% - 11px)
            );
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    #futureGoalsSection {

        padding:
            75px 0 80px;
    }


    #futureGoalsSection .future-goals-container {

        width:
            calc(100% - 45px);
    }


    #futureGoalsSection .future-slider-track {

        gap: 18px;

        animation-duration:
            27s;
    }


    #futureGoalsSection .future-logo {

        width: 160px;
        height: 108px;

        flex-basis: 160px;
    }


    #futureGoalsSection .future-logo img {

        max-width: 130px;

        max-height: 70px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

    #futureGoalsSection {

        padding:
            60px 0 65px;

        overflow-x: hidden;
    }


    #futureGoalsSection .future-goals-container {

        width:
            calc(100% - 28px);
    }


    #futureGoalsSection .future-goals-heading {

        margin-bottom: 32px;
    }


    #futureGoalsSection .future-goals-label {

        font-size: 8px;

        letter-spacing: 2px;

        gap: 8px;
    }


    #futureGoalsSection .future-goals-label span {

        width: 25px;
    }


    #futureGoalsSection .future-goals-heading h2 {

        font-size:
            clamp(
                39px,
                12vw,
                55px
            );

        letter-spacing: -2px;
    }


    #futureGoalsSection .future-slider {

        padding:
            10px 0 20px;

        mask-image:
            linear-gradient(
                90deg,
                transparent,
                black 5%,
                black 95%,
                transparent
            );

        -webkit-mask-image:
            linear-gradient(
                90deg,
                transparent,
                black 5%,
                black 95%,
                transparent
            );
    }


    #futureGoalsSection .future-slider-track {

        gap: 14px;

        animation-duration:
            22s;
    }


    #futureGoalsSection .future-logo {

        width: 140px;

        height: 95px;

        flex:
            0 0 140px;

        padding: 8px;

        border-radius: 15px;
    }


    #futureGoalsSection .future-logo-inner {

        padding: 8px;

        border-radius: 10px;
    }


    #futureGoalsSection .future-logo img {

        max-width: 115px;

        max-height: 64px;
    }


    #futureGoalsSection .future-logo::before {

        width: 35px;
        height: 35px;

        border-radius:
            15px 0 0 0;
    }


    #futureGoalsSection .future-logo::after {

        width: 35px;
        height: 35px;

        border-radius:
            0 0 15px 0;
    }


    #futureGoalsSection .future-goals-cursor {

        display: none;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    #futureGoalsSection .future-goals-container {

        width:
            calc(100% - 20px);
    }


    #futureGoalsSection .future-logo {

        width: 125px;

        height: 88px;

        flex-basis: 125px;
    }


    #futureGoalsSection .future-logo img {

        max-width: 103px;

        max-height: 58px;
    }


    #futureGoalsSection .future-slider-track {

        gap: 12px;

        animation-duration:
            20s;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    #futureGoalsSection .future-slider-track,
    #futureGoalsSection .future-logo-light,
    #futureGoalsSection .future-goals-glow {

        animation: none;
    }

}
/* =========================================================
   EVA FAQ SECTION
   PREMIUM NAVY + GOLD THEME
========================================================= */

#evaFaqSection {

    --faq-navy: #050a21;
    --faq-navy-light: #0b1738;

    --faq-gold: #d6ad43;
    --faq-gold-light: #f5d978;

    --faq-blue: #75baff;

    position: relative;

    width: 100%;

    padding: 100px 0 110px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 15%,
            rgba(81,135,218,.10),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #050a21 0%,
            #0a1535 50%,
            #050a21 100%
        );

    isolation: isolate;
}


/* =========================================================
   RESET
========================================================= */

#evaFaqSection *,
#evaFaqSection *::before,
#evaFaqSection *::after {

    box-sizing: border-box;
}


/* =========================================================
   GRID
========================================================= */

.eva-faq-grid {

    position: absolute;

    inset: 0;

    z-index: -3;

    pointer-events: none;

    background-image:

        linear-gradient(
            rgba(120,170,230,.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(120,170,230,.035) 1px,
            transparent 1px
        );

    background-size: 60px 60px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 15%,
            black 85%,
            transparent
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 15%,
            black 85%,
            transparent
        );
}


/* =========================================================
   GLOW
========================================================= */

.eva-faq-glow {

    position: absolute;

    border-radius: 50%;

    filter: blur(90px);

    pointer-events: none;

    z-index: -2;
}


.eva-faq-glow-left {

    width: 400px;
    height: 400px;

    left: -230px;
    top: 25%;

    background:
        rgba(73,130,225,.10);

    animation:
        faqGlowLeft
        8s ease-in-out infinite alternate;
}


.eva-faq-glow-right {

    width: 350px;
    height: 350px;

    right: -200px;
    bottom: 5%;

    background:
        rgba(214,173,67,.08);

    animation:
        faqGlowRight
        9s ease-in-out infinite alternate;
}


@keyframes faqGlowLeft {

    from {
        transform: translate(0,0);
    }

    to {
        transform: translate(100px,50px);
    }
}


@keyframes faqGlowRight {

    from {
        transform: translate(0,0);
    }

    to {
        transform: translate(-80px,-50px);
    }
}


/* =========================================================
   CONTAINER
========================================================= */

.eva-faq-container {

    position: relative;

    width:
        min(
            1100px,
            calc(100% - 70px)
        );

    margin: 0 auto;
}


/* =========================================================
   HEADING
========================================================= */

.eva-faq-heading {

    text-align: center;

    margin-bottom: 55px;
}


.eva-faq-eyebrow {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 14px;

    margin-bottom: 20px;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 3px;

    color:
        var(--faq-blue);
}


.eva-faq-eyebrow span {

    width: 42px;

    height: 1px;

    display: block;

    background:
        var(--faq-gold);

    box-shadow:
        0 0 12px
        rgba(214,173,67,.8);
}


.eva-faq-heading h2 {

    margin: 0;

    color: #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            42px,
            5vw,
            68px
        );

    font-weight: 500;

    line-height: .95;

    letter-spacing: -2px;
}


.eva-faq-heading h2 strong {

    display: block;

    margin-top: 7px;

    color:
        var(--faq-gold-light);

    font-weight: 500;

    text-shadow:
        0 0 30px
        rgba(214,173,67,.13);
}


.eva-faq-heading p {

    max-width: 650px;

    margin:
        22px auto 0;

    color:
        rgba(232,238,252,.68);

    font-family:
        "Poppins",
        sans-serif;

    font-size: 16px;

    line-height: 1.8;
}


/* =========================================================
   FAQ LIST
========================================================= */

.eva-faq-list {

    display: flex;

    flex-direction: column;

    gap: 18px;
}


/* =========================================================
   FAQ ITEM
========================================================= */

.eva-faq-item {

    position: relative;

    width: 100%;

    border:
        1px solid
        rgba(120,165,220,.20);

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            rgba(18,34,70,.82),
            rgba(6,15,38,.95)
        );

    overflow: hidden;

    transition:
        border-color .4s ease,
        transform .4s ease,
        box-shadow .4s ease;
}


.eva-faq-item:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(214,173,67,.48);

    box-shadow:
        0 18px 50px
        rgba(0,0,0,.28),

        0 0 25px
        rgba(214,173,67,.05);
}


/* =========================================================
   ANIMATED GOLD BORDER
========================================================= */

.eva-faq-border {

    position: absolute;

    top: 0;
    left: -120px;

    width: 120px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #ffffff,
            var(--faq-gold-light),
            transparent
        );

    box-shadow:
        0 0 10px
        var(--faq-gold),

        0 0 20px
        rgba(214,173,67,.7);

    animation:
        faqBorderLight
        4s linear infinite;

    pointer-events: none;
}


@keyframes faqBorderLight {

    0% {
        left: -130px;
        top: 0;
    }

    25% {
        left: calc(100% + 10px);
        top: 0;
    }

    25.01% {
        left: calc(100% - 1px);
        top: -10px;

        transform: rotate(90deg);
    }

    50% {
        left: calc(100% - 1px);
        top: calc(100% + 10px);

        transform: rotate(90deg);
    }

    50.01% {
        left: calc(100% + 10px);
        top: calc(100% - 1px);

        transform: rotate(180deg);
    }

    75% {
        left: -130px;
        top: calc(100% - 1px);

        transform: rotate(180deg);
    }

    75.01% {
        left: 0;
        top: calc(100% + 10px);

        transform: rotate(270deg);
    }

    100% {
        left: 0;
        top: -10px;

        transform: rotate(270deg);
    }
}


/* =========================================================
   QUESTION BUTTON
========================================================= */

.eva-faq-question {

    position: relative;

    width: 100%;

    min-height: 92px;

    padding:
        22px 28px;

    display: grid;

    grid-template-columns:
        55px 1fr 42px;

    align-items: center;

    gap: 18px;

    border: 0;

    outline: 0;

    cursor: pointer;

    background: transparent;

    color: #ffffff;

    text-align: left;

    font-family:
        "Poppins",
        sans-serif;
}


/* =========================================================
   NUMBER
========================================================= */

.eva-faq-number {

    color:
        var(--faq-gold);

    font-family:
        "Poppins",
        sans-serif;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;
}


/* =========================================================
   QUESTION TEXT
========================================================= */

.eva-faq-question-text {

    color:
        #f4f6ff;

    font-size: 18px;

    line-height: 1.55;

    font-weight: 600;

    transition:
        color .3s ease;
}


.eva-faq-item:hover
.eva-faq-question-text {

    color:
        var(--faq-gold-light);
}


/* =========================================================
   PLUS ICON
========================================================= */

.eva-faq-plus {

    position: relative;

    width: 38px;
    height: 38px;

    border:
        1px solid
        rgba(214,173,67,.45);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    transition:
        transform .4s ease,
        background .4s ease,
        border-color .4s ease;
}


.eva-faq-plus span {

    position: absolute;

    width: 13px;
    height: 1px;

    background:
        var(--faq-gold-light);

    transition:
        transform .35s ease;
}


.eva-faq-plus span:last-child {

    transform:
        rotate(90deg);
}


/* =========================================================
   ANSWER
========================================================= */

.eva-faq-answer {

    display: grid;

    grid-template-rows: 0fr;

    transition:
        grid-template-rows .5s
        cubic-bezier(.77,0,.18,1);
}


.eva-faq-answer-inner {

    min-height: 0;

    overflow: hidden;

    padding:
        0 90px 0 101px;

    color:
        rgba(232,238,252,.72);

    font-family:
        "Poppins",
        sans-serif;

    font-size: 16px;

    line-height: 1.9;

    transition:
        padding .5s ease;
}


/* =========================================================
   ACTIVE FAQ
========================================================= */

.eva-faq-item.active {

    border-color:
        rgba(214,173,67,.55);

    box-shadow:
        0 20px 60px
        rgba(0,0,0,.3),

        inset 0 0 35px
        rgba(214,173,67,.025);
}


.eva-faq-item.active
.eva-faq-answer {

    grid-template-rows: 1fr;
}


.eva-faq-item.active
.eva-faq-answer-inner {

    padding:
        0 90px 30px 101px;
}


.eva-faq-item.active
.eva-faq-plus {

    transform:
        rotate(45deg);

    background:
        rgba(214,173,67,.10);

    border-color:
        var(--faq-gold);
}


.eva-faq-item.active
.eva-faq-plus span:last-child {

    transform:
        rotate(0deg);
}


/* =========================================================
   MORE FAQ
========================================================= */

.eva-faq-more {

    display: flex;

    justify-content: center;

    margin-top: 45px;
}


.eva-faq-more-btn {

    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 18px;

    min-width: 230px;

    justify-content: center;

    padding:
        17px 24px;

    color:
        var(--faq-gold-light);

    text-decoration: none;

    border:
        1px solid
        rgba(214,173,67,.45);

    border-radius: 50px;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

    overflow: hidden;

    transition:
        color .4s ease,
        border-color .4s ease,
        transform .4s ease,
        box-shadow .4s ease;
}


.eva-faq-more-btn::before {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            100deg,
            transparent 20%,
            rgba(214,173,67,.16),
            transparent 80%
        );

    transform:
        translateX(-110%);

    transition:
        transform .6s ease;
}


.eva-faq-more-btn:hover::before {

    transform:
        translateX(110%);
}


.eva-faq-more-btn:hover {

    color: #ffffff;

    border-color:
        var(--faq-gold-light);

    transform:
        translateY(-3px);

    box-shadow:
        0 0 30px
        rgba(214,173,67,.12);
}


.eva-faq-arrow {

    font-size: 20px;

    line-height: 1;

    transition:
        transform .35s ease;
}


.eva-faq-more-btn:hover
.eva-faq-arrow {

    transform:
        translateX(6px);
}


/* =========================================================
   EMPTY
========================================================= */

.eva-faq-empty {

    padding: 40px;

    text-align: center;

    color:
        rgba(255,255,255,.6);

    font-family:
        "Poppins",
        sans-serif;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    #evaFaqSection {

        padding:
            80px 0 85px;
    }


    .eva-faq-container {

        width:
            calc(100% - 45px);
    }


    .eva-faq-question {

        min-height: 88px;

        grid-template-columns:
            45px 1fr 40px;

        padding:
            20px 22px;
    }


    .eva-faq-question-text {

        font-size: 17px;
    }


    .eva-faq-answer-inner {

        padding-left: 89px;

        padding-right: 55px;
    }


    .eva-faq-item.active
    .eva-faq-answer-inner {

        padding-left: 89px;

        padding-right: 55px;

        padding-bottom: 28px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    #evaFaqSection {

        padding:
            65px 0 70px;
    }


    .eva-faq-container {

        width:
            calc(100% - 25px);
    }


    .eva-faq-heading {

        margin-bottom: 35px;
    }


    .eva-faq-eyebrow {

        font-size: 8px;

        letter-spacing: 2px;

        gap: 8px;
    }


    .eva-faq-eyebrow span {

        width: 25px;
    }


    .eva-faq-heading h2 {

        font-size:
            clamp(
                34px,
                10vw,
                48px
            );

        letter-spacing:
            -1.5px;
    }


    .eva-faq-heading p {

        margin-top: 18px;

        font-size: 14px;

        line-height: 1.7;

        padding:
            0 8px;
    }


    .eva-faq-list {

        gap: 13px;
    }


    .eva-faq-item {

        border-radius: 14px;
    }


    .eva-faq-question {

        min-height: 82px;

        padding:
            17px 15px;

        grid-template-columns:
            32px 1fr 35px;

        gap: 10px;
    }


    .eva-faq-number {

        font-size: 11px;

        letter-spacing: 1px;
    }


    .eva-faq-question-text {

        font-size: 15px;

        line-height: 1.45;
    }


    .eva-faq-plus {

        width: 32px;
        height: 32px;
    }


    .eva-faq-plus span {

        width: 11px;
    }


    .eva-faq-answer-inner {

        padding:
            0 15px 0 57px;

        font-size: 14px;

        line-height: 1.8;
    }


    .eva-faq-item.active
    .eva-faq-answer-inner {

        padding:
            0 15px 24px 57px;
    }


    .eva-faq-more {

        margin-top: 30px;
    }


    .eva-faq-more-btn {

        width: 100%;

        max-width: 290px;

        min-width: 0;

        padding:
            15px 18px;

        font-size: 10px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .eva-faq-container {

        width:
            calc(100% - 18px);
    }


    .eva-faq-question {

        grid-template-columns:
            27px 1fr 32px;

        gap: 8px;

        padding:
            15px 12px;
    }


    .eva-faq-question-text {

        font-size: 14px;
    }


    .eva-faq-answer-inner {

        padding-left: 47px;
    }


    .eva-faq-item.active
    .eva-faq-answer-inner {

        padding-left: 47px;
    }

}
/* ================================
   FAQ SECTION HEIGHT FIX
================================ */

#evaFaqSection {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 70px !important;
    margin-bottom: 0 !important;
    overflow: hidden;
}

.eva-faq-container {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.eva-faq-list {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 35px !important;
}

.eva-faq-more-wrap {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Button ke baad koi empty area nahi */
.eva-faq-more-btn {
    position: relative;
    z-index: 20;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    margin: 0 auto !important;
}

/* ================================
   FAQ ACCORDION CLICK FIX
================================ */

.eva-faq-item {
    position: relative;
    z-index: 1;
    height: auto !important;
    min-height: 0 !important;
}

.eva-faq-question {
    position: relative;
    z-index: 10;
    cursor: pointer;
    pointer-events: auto !important;
    user-select: none;
}

.eva-faq-toggle {
    position: relative;
    z-index: 20;
    pointer-events: auto !important;
    cursor: pointer;
    flex-shrink: 0;
}

/* Answer hidden by default */
.eva-faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition:
        grid-template-rows 0.45s ease,
        opacity 0.3s ease;
    overflow: hidden;
}

.eva-faq-answer > div {
    min-height: 0;
    overflow: hidden;
}

/* OPEN STATE */
.eva-faq-item.active .eva-faq-answer {
    grid-template-rows: 1fr;
    opacity: 1;
}

.eva-faq-item.active .eva-faq-toggle {
    transform: rotate(45deg);
}

.eva-faq-toggle {
    transition: transform 0.35s ease;
}


/* ================================
   MOBILE
================================ */

@media (max-width: 768px) {

    #evaFaqSection {
        padding-bottom: 45px !important;
    }

    .eva-faq-list {
        margin-bottom: 28px !important;
    }

    .eva-faq-more-btn {
        width: 100%;
        max-width: 320px;
        margin: 0 auto !important;
    }
}
/* =========================================================
   EVA FAQ — FINAL ACCORDION FIX
========================================================= */

/* Section should finish naturally */
#evaFaqSection {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 55px !important;
    margin-bottom: 0 !important;
}

/* Container */
#evaFaqSection .eva-faq-container {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* FAQ item */
#evaFaqSection .eva-faq-item {
    position: relative;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden;
}

/* QUESTION */
#evaFaqSection .eva-faq-question {
    position: relative;
    z-index: 50 !important;

    width: 100%;
    display: grid;

    cursor: pointer !important;
    pointer-events: auto !important;

    border: 0;
    outline: none;

    background: transparent;

    -webkit-tap-highlight-color: transparent;
}

/* PLUS */
#evaFaqSection .eva-faq-plus {
    position: relative;
    z-index: 100 !important;

    width: 38px;
    height: 38px;

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

    cursor: pointer !important;
    pointer-events: none !important;

    flex-shrink: 0;

    transition:
        transform .4s ease,
        background .3s ease,
        border-color .3s ease;
}

/* Plus lines */
#evaFaqSection .eva-faq-plus span {
    position: absolute;

    display: block;

    width: 13px;
    height: 2px;

    background: #f5d978;

    pointer-events: none;
}

#evaFaqSection .eva-faq-plus span:last-child {
    transform: rotate(90deg);
}

/* =========================================================
   ANSWER CLOSED
========================================================= */

#evaFaqSection .eva-faq-answer {
    display: grid !important;

    grid-template-rows: 0fr !important;

    opacity: 0;

    overflow: hidden !important;

    transition:
        grid-template-rows .45s ease,
        opacity .3s ease;
}

#evaFaqSection .eva-faq-answer-inner {
    min-height: 0 !important;

    overflow: hidden !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    transition:
        padding .45s ease;
}

/* =========================================================
   ANSWER OPEN
========================================================= */

#evaFaqSection .eva-faq-item.active .eva-faq-answer {
    grid-template-rows: 1fr !important;
    opacity: 1;
}

#evaFaqSection .eva-faq-item.active .eva-faq-answer-inner {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
}

/* Plus becomes X */
#evaFaqSection .eva-faq-item.active .eva-faq-plus {
    transform: rotate(45deg);

    background: rgba(214,173,67,.10);

    border-color: #f5d978;
}

#evaFaqSection .eva-faq-item.active
.eva-faq-plus span:last-child {
    transform: rotate(0deg);
}

/* =========================================================
   EXPLORE BUTTON
========================================================= */

#evaFaqSection .eva-faq-more {
    display: flex;
    justify-content: center;

    height: auto !important;
    min-height: 0 !important;

    margin-top: 35px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

#evaFaqSection .eva-faq-more-btn {
    position: relative;
    z-index: 50;

    display: inline-flex;

    height: auto !important;
    min-height: 0 !important;

    pointer-events: auto !important;

    margin: 0 auto !important;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    #evaFaqSection {
        padding-bottom: 40px !important;
    }

    #evaFaqSection .eva-faq-question {
        min-height: 80px;
    }

    #evaFaqSection .eva-faq-plus {
        width: 32px;
        height: 32px;
    }

    #evaFaqSection .eva-faq-answer-inner {
        font-size: 14px;
        line-height: 1.8;
    }

    #evaFaqSection .eva-faq-item.active
    .eva-faq-answer-inner {
        padding-bottom: 24px !important;
    }

    #evaFaqSection .eva-faq-more {
        margin-top: 25px !important;
    }

}
/* =========================================================
   FAQ FINAL WORKING ACCORDION
========================================================= */

#evaFaqSection .eva-faq-item {
    position: relative;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden;
}


/* QUESTION */

#evaFaqSection .eva-faq-question {
    position: relative !important;
    z-index: 20 !important;

    width: 100% !important;

    cursor: pointer !important;
    pointer-events: auto !important;

    border: 0 !important;
    outline: none !important;

    background: transparent !important;
}


/* PLUS */

#evaFaqSection .eva-faq-plus {
    position: relative !important;
    z-index: 30 !important;

    pointer-events: none !important;

    cursor: pointer !important;

    flex-shrink: 0;
}


/* =========================================================
   ANSWER
========================================================= */

#evaFaqSection .eva-faq-answer {
    display: block !important;

    max-height: 0;

    opacity: 0;

    overflow: hidden !important;

    transition:
        max-height .55s ease,
        opacity .3s ease !important;
}


/* INNER */

#evaFaqSection .eva-faq-answer-inner {
    min-height: 0 !important;

    overflow: visible !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    transition:
        padding .45s ease !important;
}


/* =========================================================
   OPEN
========================================================= */

#evaFaqSection .eva-faq-item.active
.eva-faq-answer {
    opacity: 1;
}


#evaFaqSection .eva-faq-item.active
.eva-faq-answer-inner {

    padding-top: 0 !important;
    padding-bottom: 30px !important;
}


/* PLUS → X */

#evaFaqSection .eva-faq-item.active
.eva-faq-plus {
    transform: rotate(45deg) !important;

    background: rgba(214,173,67,.10);

    border-color: #f5d978;
}


/* =========================================================
   EXPLORE BUTTON — NO HUGE SPACE
========================================================= */

#evaFaqSection {
    height: auto !important;
    min-height: 0 !important;

    padding-bottom: 45px !important;

    margin-bottom: 0 !important;
}


#evaFaqSection .eva-faq-container {
    height: auto !important;
    min-height: 0 !important;

    padding-bottom: 0 !important;
}


#evaFaqSection .eva-faq-more {
    height: auto !important;
    min-height: 0 !important;

    margin-top: 35px !important;
    margin-bottom: 0 !important;

    padding: 0 !important;
}


/* MOBILE */

@media (max-width: 600px) {

    #evaFaqSection {
        padding-bottom: 35px !important;
    }

    #evaFaqSection .eva-faq-more {
        margin-top: 25px !important;
    }

    #evaFaqSection .eva-faq-item.active
    .eva-faq-answer-inner {
        padding-bottom: 24px !important;
    }

}
/* =========================================
   MOMENTS FROM OUR EVENT
========================================= */

#evaMomentsSection {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 75px 0 80px;
    background:
        radial-gradient(circle at 15% 50%, rgba(214,173,67,.07), transparent 30%),
        radial-gradient(circle at 85% 30%, rgba(40,80,150,.10), transparent 32%),
        linear-gradient(180deg, #050b17 0%, #07111f 50%, #050b17 100%);
    color: #fff;
}

.eva-moments-grid-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .22;

    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);

    background-size: 55px 55px;

    mask-image: linear-gradient(
        to bottom,
        transparent,
        black 15%,
        black 85%,
        transparent
    );
}

.eva-moments-glow {
    position: absolute;
    width: 420px;
    height: 420px;
    right: -180px;
    top: 25%;
    border-radius: 50%;
    background: rgba(214,173,67,.08);
    filter: blur(100px);
    pointer-events: none;
}

.eva-moments-container {
    position: relative;
    z-index: 2;
    width: min(1180px, calc(100% - 40px));
    margin: auto;
}


/* ---------- HEADING ---------- */

.eva-moments-heading {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 42px;
}

.eva-moments-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin-bottom: 14px;

    color: #d6ad43;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
}

.eva-moments-eyebrow span {
    width: 35px;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        #d6ad43
    );
}

.eva-moments-eyebrow span:last-child {
    background: linear-gradient(
        90deg,
        #d6ad43,
        transparent
    );
}

.eva-moments-heading h2 {
    margin: 0;

    font-size: clamp(32px, 4vw, 55px);
    line-height: .95;
    font-weight: 300;
    letter-spacing: -1px;
    color: #f5f5f5;
}

.eva-moments-heading h2 strong {
    display: block;
    margin-top: 7px;

    font-weight: 800;
    color: #d6ad43;

    text-shadow: 0 0 30px rgba(214,173,67,.12);
}

.eva-moments-heading p {
    max-width: 560px;
    margin: 17px auto 0;

    color: rgba(255,255,255,.58);
    font-size: 14px;
    line-height: 1.7;
}


/* ---------- GALLERY ---------- */

.eva-moments-gallery {
    display: grid;

    grid-template-columns: 1.35fr 1fr 1fr 1.35fr;
    grid-template-rows: 210px 210px;

    gap: 12px;
}

.eva-moment-card {
    position: relative;
    overflow: hidden;

    min-width: 0;
    min-height: 0;

    border: 1px solid rgba(214,173,67,.18);

    background: #091321;

    box-shadow:
        0 12px 35px rgba(0,0,0,.25);

    transition:
        transform .5s cubic-bezier(.2,.7,.2,1),
        border-color .4s ease,
        box-shadow .4s ease;
}

.eva-moment-card::before {
    content: "";
    position: absolute;
    z-index: 3;

    inset: 0;

    border: 1px solid transparent;

    background:
        linear-gradient(
            135deg,
            rgba(214,173,67,.7),
            transparent 35%
        ) border-box;

    mask:
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);

    mask-composite: exclude;

    opacity: 0;
    transition: opacity .4s ease;

    pointer-events: none;
}

.eva-moment-card img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;

    background: #08111e;

    transition:
        transform .8s cubic-bezier(.2,.7,.2,1),
        filter .5s ease;
}

.eva-moment-card::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(2,7,15,.65)
        );

    opacity: .55;

    transition: opacity .4s ease;

    pointer-events: none;
}


/* ---------- HOVER ---------- */

.eva-moment-card:hover {
    z-index: 5;

    transform: translateY(-5px);

    border-color: rgba(214,173,67,.65);

    box-shadow:
        0 18px 45px rgba(0,0,0,.45),
        0 0 25px rgba(214,173,67,.08);
}

.eva-moment-card:hover::before {
    opacity: 1;
}

.eva-moment-card:hover img {
    transform: scale(1.04);

    filter:
        brightness(1.08)
        contrast(1.04);
}

.eva-moment-card:hover::after {
    opacity: .25;
}


/* ---------- NUMBER ---------- */

.eva-moment-overlay {
    position: absolute;

    left: 14px;
    bottom: 12px;

    z-index: 4;

    width: 30px;
    height: 30px;

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

    border: 1px solid rgba(214,173,67,.45);

    background: rgba(4,10,18,.7);

    backdrop-filter: blur(8px);

    color: #d6ad43;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}


/* ---------- BOTTOM LINE ---------- */

.eva-moments-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;

    margin-top: 27px;
}

.eva-moments-bottom span {
    width: 65px;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(214,173,67,.55)
    );
}

.eva-moments-bottom span:last-child {
    background: linear-gradient(
        90deg,
        rgba(214,173,67,.55),
        transparent
    );
}

.eva-moments-bottom p {
    margin: 0;

    color: rgba(255,255,255,.35);

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2.5px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    #evaMomentsSection {
        padding: 65px 0 70px;
    }

    .eva-moments-gallery {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 180px);
    }

    .eva-moment-card.moment-large {
        grid-column: span 2;
    }

    .eva-moment-card.moment-tall {
        grid-row: span 1;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    #evaMomentsSection {
        padding: 55px 0 60px;
    }

    .eva-moments-container {
        width: min(100% - 26px, 520px);
    }

    .eva-moments-heading {
        margin-bottom: 28px;
    }

    .eva-moments-eyebrow {
        font-size: 9px;
        letter-spacing: 2px;
        gap: 8px;
    }

    .eva-moments-eyebrow span {
        width: 22px;
    }

    .eva-moments-heading h2 {
        font-size: 32px;
    }

    .eva-moments-heading p {
        font-size: 12px;
        line-height: 1.6;
        margin-top: 13px;
    }

    .eva-moments-gallery {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 145px);

        gap: 8px;
    }

    .eva-moment-card.moment-large {
        grid-column: span 2;
    }

    .eva-moment-card:hover {
        transform: translateY(-2px);
    }

    .eva-moment-overlay {
        left: 8px;
        bottom: 8px;

        width: 25px;
        height: 25px;

        font-size: 8px;
    }

    .eva-moments-bottom {
        margin-top: 20px;
        gap: 9px;
    }

    .eva-moments-bottom span {
        width: 30px;
    }

    .eva-moments-bottom p {
        font-size: 7px;
        letter-spacing: 1.5px;
    }
}


/* ---------- VERY SMALL DEVICES ---------- */

@media (max-width: 380px) {

    .eva-moments-gallery {
        grid-template-rows: repeat(4, 125px);
    }

    .eva-moments-heading h2 {
        font-size: 28px;
    }
}


/* =========================================================
   PRE-CHAMPIONSHIP ANNOUNCEMENT
========================================================= */

#evaPrepAnnouncement,
#evaPrepAnnouncement * {
    box-sizing: border-box;
}

#evaPrepAnnouncement {
    position: relative;
    width: 100%;
    overflow: hidden;

    padding: 38px 0 45px;

    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(214,173,67,.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 50%,
            rgba(123,63,190,.08),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #030914 0%,
            #06111e 100%
        );

    color: #fff;
}


/* subtle background grid */

.eva-prep-bg {
    position: absolute;
    inset: 0;

    opacity: .12;

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size: 48px 48px;

    pointer-events: none;
}


/* =========================================================
   GLOWS
========================================================= */

.eva-prep-glow {
    position: absolute;

    border-radius: 50%;

    filter: blur(85px);

    pointer-events: none;
}

.eva-prep-gold {
    width: 250px;
    height: 250px;

    left: -100px;
    top: 25%;

    background: rgba(214,173,67,.09);
}

.eva-prep-purple {
    width: 300px;
    height: 300px;

    right: -130px;
    bottom: 5%;

    background: rgba(126,65,220,.11);
}


/* =========================================================
   CONTAINER
========================================================= */

.eva-prep-container {
    position: relative;
    z-index: 2;

    width: min(1120px, calc(100% - 36px));

    margin: 0 auto;
}


/* =========================================================
   MAIN CARD
========================================================= */

.eva-prep-card {
    position: relative;

    width: 100%;

    padding: 30px 38px 32px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            rgba(13,28,46,.98),
            rgba(5,13,24,.98)
        );

    border: 1px solid rgba(214,173,67,.28);

    box-shadow:
        0 25px 65px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.035);

    transform:
        perspective(1200px)
        rotateX(0deg);

    transition:
        transform .5s ease,
        border-color .5s ease,
        box-shadow .5s ease;
}


/* 3D hover */

.eva-prep-card:hover {
    transform:
        perspective(1200px)
        rotateX(1deg)
        translateY(-3px);

    border-color: rgba(214,173,67,.55);

    box-shadow:
        0 32px 75px rgba(0,0,0,.48),
        0 0 45px rgba(105,55,200,.09),
        inset 0 1px 0 rgba(255,255,255,.05);
}


/* =========================================================
   GOLD / PURPLE BORDER
========================================================= */

.eva-prep-border {
    position: absolute;
    inset: 0;

    pointer-events: none;

    border: 1px solid transparent;

    background:
        linear-gradient(
            135deg,
            rgba(214,173,67,.7),
            transparent 24%,
            transparent 68%,
            rgba(130,65,220,.7)
        ) border-box;

    mask:
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);

    mask-composite: exclude;

    opacity: .75;
}


/* =========================================================
   MOVING LIGHT
========================================================= */

.eva-prep-shine {
    position: absolute;

    top: 0;
    left: -35%;

    width: 25%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.055),
            transparent
        );

    transform: skewX(-18deg);

    pointer-events: none;

    animation:
        prepLightSweep 5s ease-in-out infinite;
}

@keyframes prepLightSweep {

    0% {
        left: -35%;
    }

    45% {
        left: 115%;
    }

    100% {
        left: 115%;
    }
}


/* =========================================================
   CONTENT
========================================================= */

.eva-prep-content {
    position: relative;
    z-index: 3;

    max-width: 1000px;
}


/* label */

.eva-prep-label {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 12px;

    padding: 6px 11px;

    border: 1px solid rgba(214,173,67,.45);

    border-radius: 30px;

    background:
        rgba(214,173,67,.045);

    color: #d6ad43;

    font-family: "Poppins", sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.8px;

    box-shadow:
        0 0 15px rgba(214,173,67,.06);
}

.eva-prep-dot {
    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #d6ad43;

    box-shadow:
        0 0 9px rgba(214,173,67,.9);

    animation:
        prepDotPulse 1.5s ease-in-out infinite;
}

@keyframes prepDotPulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: .45;
        transform: scale(.65);
    }
}


/* =========================================================
   HEADING
========================================================= */

.eva-prep-content h2 {
    margin: 0 0 13px;

    color: #f5f5f5;

    font-family: "Poppins", sans-serif;

    font-size: clamp(22px, 3vw, 34px);

    line-height: 1.12;

    font-weight: 500;

    letter-spacing: -.5px;
}

.eva-prep-content h2 strong {
    color: #d6ad43;

    font-weight: 800;

    text-shadow:
        0 0 25px rgba(214,173,67,.08);
}


/* =========================================================
   TEXT
========================================================= */

.eva-prep-content p {
    max-width: 980px;

    margin: 0 0 10px;

    color: rgba(255,255,255,.58);

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    font-weight: 400;

    line-height: 1.72;
}

.eva-prep-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   CORNERS
========================================================= */

.eva-prep-corner {
    position: absolute;

    width: 23px;
    height: 23px;

    border-color: #d6ad43;

    border-style: solid;

    z-index: 5;

    opacity: .9;
}

.prep-tl {
    top: 7px;
    left: 7px;

    border-width: 1px 0 0 1px;
}

.prep-tr {
    top: 7px;
    right: 7px;

    border-width: 1px 1px 0 0;
}

.prep-bl {
    bottom: 7px;
    left: 7px;

    border-width: 0 0 1px 1px;
}

.prep-br {
    bottom: 7px;
    right: 7px;

    border-width: 0 1px 1px 0;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 768px) {

    #evaPrepAnnouncement {
        padding: 30px 0 38px;
    }

    .eva-prep-container {
        width: calc(100% - 28px);
    }

    .eva-prep-card {
        padding: 25px 25px 27px;
    }

    .eva-prep-content h2 {
        font-size: 25px;
    }

    .eva-prep-content p {
        font-size: 10.5px;

        line-height: 1.7;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 520px) {

    #evaPrepAnnouncement {
        padding: 24px 0 30px;
    }

    .eva-prep-container {
        width: calc(100% - 20px);
    }

    .eva-prep-card {
        padding: 21px 18px 23px;

        border-radius: 4px;
    }

    .eva-prep-label {
        font-size: 7px;

        letter-spacing: 1.4px;

        margin-bottom: 11px;
    }

    .eva-prep-content h2 {
        font-size: 20px;

        line-height: 1.18;

        margin-bottom: 12px;
    }

    .eva-prep-content p {
        font-size: 10px;

        line-height: 1.7;

        margin-bottom: 9px;
    }

    .eva-prep-corner {
        width: 17px;
        height: 17px;
    }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .eva-prep-content h2 {
        font-size: 18px;
    }

    .eva-prep-content p {
        font-size: 9px;
    }

    .eva-prep-card {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .eva-prep-shine,
    .eva-prep-dot {
        animation: none !important;
    }

    .eva-prep-card {
        transition: none !important;
    }
}
/* =========================================================
   BIGGER ANNOUNCEMENT TYPOGRAPHY
========================================================= */

#evaPrepAnnouncement .eva-prep-label {
    font-size: 11px !important;
    padding: 8px 14px !important;
    letter-spacing: 2px !important;
}


/* MAIN HEADING */
#evaPrepAnnouncement .eva-prep-content h2 {
    font-size: 38px !important;
    line-height: 1.18 !important;
    font-weight: 600 !important;
    letter-spacing: -.5px !important;
    margin-bottom: 18px !important;
}

#evaPrepAnnouncement .eva-prep-content h2 strong {
    font-size: 38px !important;
    font-weight: 800 !important;
}


/* BODY TEXT */
#evaPrepAnnouncement .eva-prep-content p {
    font-size: 14px !important;
    line-height: 1.85 !important;
    color: rgba(255,255,255,.72) !important;
    margin-bottom: 14px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    #evaPrepAnnouncement .eva-prep-content h2 {
        font-size: 32px !important;
    }

    #evaPrepAnnouncement .eva-prep-content h2 strong {
        font-size: 32px !important;
    }

    #evaPrepAnnouncement .eva-prep-content p {
        font-size: 13px !important;
        line-height: 1.8 !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    #evaPrepAnnouncement .eva-prep-label {
        font-size: 9px !important;
        letter-spacing: 1.5px !important;
    }

    #evaPrepAnnouncement .eva-prep-content h2 {
        font-size: 25px !important;
        line-height: 1.25 !important;
        margin-bottom: 15px !important;
    }

    #evaPrepAnnouncement .eva-prep-content h2 strong {
        font-size: 25px !important;
    }

    #evaPrepAnnouncement .eva-prep-content p {
        font-size: 12px !important;
        line-height: 1.8 !important;
        margin-bottom: 12px !important;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    #evaPrepAnnouncement .eva-prep-content h2 {
        font-size: 22px !important;
    }

    #evaPrepAnnouncement .eva-prep-content h2 strong {
        font-size: 22px !important;
    }

    #evaPrepAnnouncement .eva-prep-content p {
        font-size: 11.5px !important;
    }
}

/* ============================================================
   VOOICE MEDIA PARTNERS
   UNIQUE PREFIX: va-mp-
============================================================ */

#vaMediaPartnersPage {
    --va-mp-navy: #050914;
    --va-mp-navy-2: #080e1d;
    --va-mp-gold: #d6ad43;
    --va-mp-gold-light: #f1d77a;
    --va-mp-purple: #8b4dff;
    --va-mp-purple-light: #b47cff;
    --va-mp-blue: #4169e1;
    --va-mp-white: #ffffff;

    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(139, 77, 255, .13),
            transparent 34%
        ),
        radial-gradient(
            circle at 82% 55%,
            rgba(65, 105, 225, .12),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            var(--va-mp-navy),
            #070918 48%,
            #0a0818
        );
    color: var(--va-mp-white);
}


/* ============================================================
   HERO
============================================================ */

#vaMediaPartnersPage .va-mp-hero {
    position: relative;
    min-height: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 90px 25px 65px;
    overflow: hidden;
    isolation: isolate;
}

#vaMediaPartnersPage .va-mp-hero::before {
    content: "";
    position: absolute;
    inset: 20px;
    border: 1px solid rgba(214, 173, 67, .28);
    pointer-events: none;
    z-index: -1;
}

#vaMediaPartnersPage .va-mp-hero::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(
        circle,
        rgba(139, 77, 255, .15),
        transparent 68%
    );
    filter: blur(10px);
    z-index: -2;
    pointer-events: none;
}

#vaMediaPartnersPage .va-mp-hero-inner {
    position: relative;
    z-index: 3;
    max-width: 900px;
    margin: 0 auto;
}

#vaMediaPartnersPage .va-mp-eyebrow {
    display: block;
    margin-bottom: 15px;
    color: var(--va-mp-gold-light);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 4px;
}

#vaMediaPartnersPage .va-mp-hero h1 {
    margin: 0;
    font-size: clamp(42px, 7vw, 82px);
    line-height: .95;
    font-weight: 900;
    letter-spacing: -2px;
    text-transform: uppercase;
    text-shadow:
        0 5px 20px rgba(0,0,0,.8),
        0 0 30px rgba(139,77,255,.22);
}

#vaMediaPartnersPage .va-mp-hero h1 span {
    display: block;
    margin-top: 7px;
    color: var(--va-mp-gold-light);
    text-shadow:
        0 0 20px rgba(214,173,67,.25),
        0 5px 15px rgba(0,0,0,.7);
}

#vaMediaPartnersPage .va-mp-title-line {
    width: 95px;
    height: 3px;
    margin: 22px auto 18px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--va-mp-gold-light),
        transparent
    );
    box-shadow: 0 0 16px rgba(214,173,67,.65);
}

#vaMediaPartnersPage .va-mp-hero p {
    max-width: 680px;
    margin: 0 auto;
    color: rgba(255,255,255,.72);
    font-size: 17px;
    line-height: 1.75;
}


/* FLOATING ORBS */

#vaMediaPartnersPage .va-mp-hero-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(2px);
    animation: vaMpFloatOrb 7s ease-in-out infinite;
}

#vaMediaPartnersPage .va-mp-orb-one {
    width: 150px;
    height: 150px;
    left: 5%;
    top: 15%;
    background: radial-gradient(
        circle,
        rgba(139,77,255,.24),
        transparent 70%
    );
}

#vaMediaPartnersPage .va-mp-orb-two {
    width: 190px;
    height: 190px;
    right: 4%;
    bottom: -40px;
    background: radial-gradient(
        circle,
        rgba(214,173,67,.14),
        transparent 70%
    );
    animation-delay: -3s;
}

@keyframes vaMpFloatOrb {
    0%,100% {
        transform: translate3d(0,0,0) scale(1);
    }

    50% {
        transform: translate3d(0,-22px,0) scale(1.08);
    }
}


/* ============================================================
   HEADING
============================================================ */

#vaMediaPartnersPage .va-mp-slider-section {
    position: relative;
    padding: 45px 25px 70px;
    overflow: hidden;
}

#vaMediaPartnersPage .va-mp-section-heading {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto 35px;
    text-align: center;
}

#vaMediaPartnersPage .va-mp-small-label {
    display: block;
    color: var(--va-mp-purple-light);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

#vaMediaPartnersPage .va-mp-section-heading h2 {
    margin: 0;
    font-size: clamp(30px, 4vw, 50px);
    line-height: 1.1;
    font-weight: 800;
}

#vaMediaPartnersPage .va-mp-section-heading h2 strong {
    color: var(--va-mp-gold-light);
}

#vaMediaPartnersPage .va-mp-section-heading p {
    max-width: 650px;
    margin: 15px auto 0;
    color: rgba(255,255,255,.64);
    line-height: 1.7;
    font-size: 15px;
}


/* ============================================================
   SLIDER
============================================================ */

#vaMediaPartnersPage .va-mp-slider-wrapper {
    position: relative;
    width: min(1250px, 100%);
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 18px;
}

#vaMediaPartnersPage .va-mp-slider-viewport {
    width: 100%;
    overflow: hidden;
    padding: 30px 10px 38px;
    perspective: 1400px;
}

#vaMediaPartnersPage .va-mp-slider-track {
    display: flex;
    gap: 25px;
    will-change: transform;
    transition:
        transform .85s cubic-bezier(.22,.8,.25,1);
}


/* ============================================================
   3D LOGO CARD
============================================================ */

#vaMediaPartnersPage .va-mp-logo-card {
    position: relative;
    flex: 0 0 calc((100% - 50px) / 3);
    min-width: 0;
    height: 330px;
    padding: 1px;
    border-radius: 24px;
    background:
        linear-gradient(
            135deg,
            rgba(214,173,67,.85),
            rgba(139,77,255,.72),
            rgba(65,105,225,.38),
            rgba(214,173,67,.75)
        );
    transform-style: preserve-3d;
    transition:
        transform .45s ease,
        filter .45s ease;
    box-shadow:
        0 25px 55px rgba(0,0,0,.5),
        0 0 0 1px rgba(255,255,255,.03);
    animation: vaMpCardFloat 5s ease-in-out infinite;
}

#vaMediaPartnersPage .va-mp-logo-card:nth-child(2) {
    animation-delay: -1s;
}

#vaMediaPartnersPage .va-mp-logo-card:nth-child(3) {
    animation-delay: -2s;
}

#vaMediaPartnersPage .va-mp-logo-card:nth-child(4) {
    animation-delay: -3s;
}

#vaMediaPartnersPage .va-mp-logo-card:nth-child(5) {
    animation-delay: -4s;
}

@keyframes vaMpCardFloat {
    0%,100% {
        transform: translateY(0) rotateX(0deg);
    }

    50% {
        transform: translateY(-7px) rotateX(1deg);
    }
}

#vaMediaPartnersPage .va-mp-logo-card:hover {
    transform:
        translateY(-15px)
        rotateX(4deg)
        rotateY(-3deg)
        scale(1.015);
    filter:
        drop-shadow(0 20px 35px rgba(139,77,255,.25));
    z-index: 8;
}

#vaMediaPartnersPage .va-mp-logo-card::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 23px;
    background:
        linear-gradient(
            145deg,
            rgba(16,14,34,.98),
            rgba(7,9,25,.99)
        );
    z-index: 0;
}


/* ============================================================
   MOVING GOLD LIGHT
============================================================ */

#vaMediaPartnersPage .va-mp-logo-card::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 220%;
    top: -60%;
    left: -20%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(241,215,122,.75),
        transparent
    );
    transform: rotate(25deg);
    opacity: .35;
    animation: vaMpGoldSweep 4.8s linear infinite;
    pointer-events: none;
    z-index: 4;
}

@keyframes vaMpGoldSweep {
    0% {
        left: -40%;
    }

    100% {
        left: 130%;
    }
}


/* ============================================================
   CARD LIGHT
============================================================ */

#vaMediaPartnersPage .va-mp-card-light {
    position: absolute;
    width: 180px;
    height: 180px;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-50%);
    background: radial-gradient(
        circle,
        rgba(139,77,255,.18),
        transparent 70%
    );
    filter: blur(8px);
    z-index: 1;
    pointer-events: none;
}


/* ============================================================
   LOGO STAGE
============================================================ */

#vaMediaPartnersPage .va-mp-logo-stage {
    position: absolute;
    inset: 20px 18px 65px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    border-radius: 18px;
    background:
        radial-gradient(
            circle at center,
            rgba(255,255,255,.045),
            transparent 70%
        );
    transform: translateZ(35px);
}

#vaMediaPartnersPage .va-mp-logo-stage::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    border: 1px solid rgba(214,173,67,.14);
    box-shadow:
        inset 0 0 30px rgba(139,77,255,.045);
    pointer-events: none;
}

#vaMediaPartnersPage .va-mp-logo-stage img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    image-rendering: auto;
    filter:
        drop-shadow(0 14px 15px rgba(0,0,0,.55));
    transition:
        transform .5s ease,
        filter .5s ease;
}

#vaMediaPartnersPage .va-mp-logo-card:hover
.va-mp-logo-stage img {
    transform: scale(1.06) translateZ(15px);
    filter:
        drop-shadow(0 15px 25px rgba(139,77,255,.3));
}


/* ============================================================
   CARD FOOTER
============================================================ */

#vaMediaPartnersPage .va-mp-card-bottom {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    height: 28px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translateZ(42px);
}

#vaMediaPartnersPage .va-mp-card-bottom span {
    color: rgba(255,255,255,.48);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

#vaMediaPartnersPage .va-mp-card-bottom i {
    display: block;
    width: 42px;
    height: 2px;
    background: var(--va-mp-gold);
    box-shadow: 0 0 10px rgba(214,173,67,.7);
}


/* ============================================================
   ARROWS
============================================================ */

#vaMediaPartnersPage .va-mp-slider-arrow {
    position: relative;
    z-index: 20;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(214,173,67,.48);
    border-radius: 50%;
    background:
        linear-gradient(
            145deg,
            rgba(18,17,39,.95),
            rgba(8,9,23,.95)
        );
    color: var(--va-mp-gold-light);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0 10px 30px rgba(0,0,0,.4),
        inset 0 0 18px rgba(139,77,255,.08);
    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

#vaMediaPartnersPage .va-mp-slider-arrow span {
    display: block;
    font-size: 35px;
    line-height: 1;
    margin-top: -4px;
}

#vaMediaPartnersPage .va-mp-slider-arrow:hover {
    transform: scale(1.12);
    background:
        linear-gradient(
            145deg,
            rgba(139,77,255,.28),
            rgba(16,12,35,.98)
        );
    box-shadow:
        0 0 25px rgba(139,77,255,.28),
        0 0 12px rgba(214,173,67,.16);
}


/* ============================================================
   DOTS
============================================================ */

#vaMediaPartnersPage .va-mp-slider-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
    min-height: 22px;
}

#vaMediaPartnersPage .va-mp-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.22);
    cursor: pointer;
    transition:
        width .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

#vaMediaPartnersPage .va-mp-dot.is-active {
    width: 27px;
    border-radius: 10px;
    background: var(--va-mp-gold);
    box-shadow: 0 0 12px rgba(214,173,67,.65);
}


/* ============================================================
   PROGRESS
============================================================ */

#vaMediaPartnersPage .va-mp-slider-progress {
    width: min(300px, 70%);
    height: 2px;
    margin: 16px auto 0;
    overflow: hidden;
    background: rgba(255,255,255,.08);
    border-radius: 5px;
}

#vaMediaPartnersPage .va-mp-slider-progress span {
    display: block;
    width: 0;
    height: 100%;
    background:
        linear-gradient(
            90deg,
            var(--va-mp-purple),
            var(--va-mp-gold-light)
        );
    box-shadow: 0 0 12px rgba(214,173,67,.65);
}


/* ============================================================
   CLOSING
============================================================ */

#vaMediaPartnersPage .va-mp-closing {
    position: relative;
    padding: 55px 25px 70px;
    text-align: center;
    overflow: hidden;
    border-top: 1px solid rgba(214,173,67,.1);
}

#vaMediaPartnersPage .va-mp-closing-glow {
    position: absolute;
    width: 500px;
    height: 250px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: radial-gradient(
        ellipse,
        rgba(139,77,255,.14),
        transparent 70%
    );
    filter: blur(10px);
    pointer-events: none;
}

#vaMediaPartnersPage .va-mp-closing-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 0 auto;
}

#vaMediaPartnersPage .va-mp-closing-content > span {
    color: var(--va-mp-gold-light);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3px;
}

#vaMediaPartnersPage .va-mp-closing h2 {
    margin: 12px 0 12px;
    font-size: clamp(28px, 4vw, 45px);
    line-height: 1.15;
}

#vaMediaPartnersPage .va-mp-closing h2 strong {
    color: var(--va-mp-purple-light);
}

#vaMediaPartnersPage .va-mp-closing p {
    margin: 0 auto;
    max-width: 650px;
    color: rgba(255,255,255,.6);
    font-size: 15px;
    line-height: 1.75;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 1050px) {

    #vaMediaPartnersPage .va-mp-logo-card {
        flex-basis: calc((100% - 25px) / 2);
        height: 310px;
    }

    #vaMediaPartnersPage .va-mp-slider-wrapper {
        gap: 10px;
    }

    #vaMediaPartnersPage .va-mp-slider-arrow {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
    }

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 650px) {

    #vaMediaPartnersPage .va-mp-hero {
        min-height: 300px;
        padding: 75px 18px 55px;
    }

    #vaMediaPartnersPage .va-mp-hero::before {
        inset: 12px;
    }

    #vaMediaPartnersPage .va-mp-eyebrow {
        font-size: 9px;
        letter-spacing: 2.2px;
    }

    #vaMediaPartnersPage .va-mp-hero h1 {
        font-size: clamp(40px, 13vw, 62px);
        letter-spacing: -1px;
    }

    #vaMediaPartnersPage .va-mp-hero p {
        font-size: 14px;
        line-height: 1.65;
    }

    #vaMediaPartnersPage .va-mp-slider-section {
        padding: 38px 12px 55px;
    }

    #vaMediaPartnersPage .va-mp-section-heading {
        margin-bottom: 18px;
    }

    #vaMediaPartnersPage .va-mp-section-heading h2 {
        font-size: 31px;
    }

    #vaMediaPartnersPage .va-mp-section-heading p {
        font-size: 14px;
    }

    #vaMediaPartnersPage .va-mp-slider-wrapper {
        display: block;
    }

    #vaMediaPartnersPage .va-mp-slider-viewport {
        padding: 25px 5px 32px;
    }

    #vaMediaPartnersPage .va-mp-slider-track {
        gap: 0;
    }

    #vaMediaPartnersPage .va-mp-logo-card {
        flex: 0 0 100%;
        width: 100%;
        height: 350px;
    }

    #vaMediaPartnersPage .va-mp-logo-stage {
        inset: 18px 16px 63px;
        padding: 28px;
    }

    #vaMediaPartnersPage .va-mp-slider-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 45px;
        height: 45px;
        z-index: 25;
    }

    #vaMediaPartnersPage .va-mp-slider-arrow:hover {
        transform: translateY(-50%) scale(1.08);
    }

    #vaMediaPartnersPage .va-mp-prev {
        left: 14px;
    }

    #vaMediaPartnersPage .va-mp-next {
        right: 14px;
    }

    #vaMediaPartnersPage .va-mp-slider-arrow span {
        font-size: 30px;
    }

    #vaMediaPartnersPage .va-mp-closing {
        padding: 45px 18px 55px;
    }

    #vaMediaPartnersPage .va-mp-closing h2 {
        font-size: 29px;
    }

}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media (max-width: 400px) {

    #vaMediaPartnersPage .va-mp-logo-card {
        height: 320px;
    }

    #vaMediaPartnersPage .va-mp-logo-stage {
        padding: 22px;
    }

    #vaMediaPartnersPage .va-mp-card-bottom {
        left: 15px;
        right: 15px;
    }

    #vaMediaPartnersPage .va-mp-card-bottom span {
        font-size: 8px;
        letter-spacing: 1.5px;
    }

}


/* ============================================================
   REDUCED MOTION
============================================================ */

@media (prefers-reduced-motion: reduce) {

    #vaMediaPartnersPage .va-mp-logo-card,
    #vaMediaPartnersPage .va-mp-hero-orb,
    #vaMediaPartnersPage .va-mp-logo-card::after {
        animation: none !important;
    }

    #vaMediaPartnersPage .va-mp-slider-track {
        transition: none !important;
    }

}

/* =========================================================
   VOOICE ASSEMBLY
   ACADEMIC COLLABORATIONS — NEW DESIGN
   UNIQUE PREFIX: va-ac2-
   ========================================================= */

#va-ac2-page {
    --ac2-bg: #050914;
    --ac2-bg-2: #080e1d;
    --ac2-purple: #8b4dff;
    --ac2-purple-light: #c084ff;
    --ac2-blue: #4169e1;
    --ac2-gold: #d6ad43;
    --ac2-gold-light: #f1d77a;
    --ac2-white: #ffffff;
    --ac2-muted: rgba(255,255,255,.68);

    position: relative;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(139,77,255,.10),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 35%,
            rgba(65,105,225,.08),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            var(--ac2-bg),
            var(--ac2-bg-2)
        );

    color: var(--ac2-white);
}


/* =========================================================
   GLOBAL
   ========================================================= */

#va-ac2-page *,
#va-ac2-page *::before,
#va-ac2-page *::after {
    box-sizing: border-box;
}


#va-ac2-page .va-ac2-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    position: relative;
    z-index: 3;
}


/* =========================================================
   AMBIENT BACKGROUND
   ========================================================= */

#va-ac2-page .va-ac2-grid {
    position: absolute;
    inset: 0;
    opacity: .16;
    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size: 70px 70px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 90%
        );
}


#va-ac2-page .va-ac2-bg-orb {
    position: absolute;
    width: 430px;
    height: 430px;

    border-radius: 50%;

    filter: blur(90px);

    opacity: .14;

    pointer-events: none;

    transition: transform .2s linear;
}


#va-ac2-page .va-ac2-bg-orb-1 {
    top: 8%;
    left: -180px;
    background: var(--ac2-purple);
}


#va-ac2-page .va-ac2-bg-orb-2 {
    top: 42%;
    right: -190px;
    background: var(--ac2-blue);
}


/* =========================================================
   COMPACT HERO
   ========================================================= */

#va-ac2-page .va-ac2-hero {
    position: relative;

    min-height: 0 !important;
    height: auto !important;

    padding: 34px 20px 30px;

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

    text-align: center;

    border-bottom: 1px solid rgba(214,175,67,.22);

    background:
        radial-gradient(
            circle at center,
            rgba(139,77,255,.12),
            transparent 55%
        );
}


#va-ac2-page .va-ac2-hero-line {
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ac2-gold),
            var(--ac2-purple),
            var(--ac2-gold),
            transparent
        );

    animation: vaAc2HeroLine 4s linear infinite;
}


@keyframes vaAc2HeroLine {

    0% {
        opacity: .35;
        transform: scaleX(.7);
    }

    50% {
        opacity: 1;
        transform: scaleX(1);
    }

    100% {
        opacity: .35;
        transform: scaleX(.7);
    }

}


#va-ac2-page .va-ac2-hero-content {
    position: relative;
    z-index: 5;
}


#va-ac2-page .va-ac2-hero-label {
    display: block;

    margin-bottom: 8px;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 4px;

    color: var(--ac2-gold-light);

    opacity: .8;
}


#va-ac2-page .va-ac2-hero h1 {
    margin: 0;

    font-size: clamp(36px, 5vw, 68px);
    line-height: .98;

    font-weight: 900;

    letter-spacing: -1.5px;
}


#va-ac2-page .va-ac2-hero h1 span {
    color: var(--ac2-purple-light);

    text-shadow:
        0 0 25px rgba(139,77,255,.3);
}


/* =========================================================
   INTRO
   ========================================================= */

#va-ac2-page .va-ac2-intro {
    padding: 54px 0 48px;
}


#va-ac2-page .va-ac2-intro-top,
#va-ac2-page .va-ac2-impact-heading {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 20px;
    align-items: start;
    margin-bottom: 30px;
}


#va-ac2-page .va-ac2-section-number {
    color: var(--ac2-gold);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    padding-top: 8px;
}


#va-ac2-page .va-ac2-mini-label {
    display: block;

    margin-bottom: 8px;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 3px;

    color: var(--ac2-gold-light);
}


#va-ac2-page .va-ac2-intro h2,
#va-ac2-page .va-ac2-impact-heading h2 {
    margin: 0;

    font-size: clamp(30px, 4vw, 50px);
    line-height: 1.05;
}


#va-ac2-page .va-ac2-intro h2 span,
#va-ac2-page .va-ac2-impact-heading h2 span {
    color: var(--ac2-purple-light);
}


#va-ac2-page .va-ac2-intro-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 55px;

    align-items: start;
}


#va-ac2-page .va-ac2-intro-statement {
    padding-left: 20px;
    border-left: 2px solid var(--ac2-gold);
}


#va-ac2-page .va-ac2-intro-statement p,
#va-ac2-page .va-ac2-intro-text > p {
    margin: 0;

    font-size: 17px;
    line-height: 1.75;

    color: var(--ac2-muted);
}


#va-ac2-page .va-ac2-intro-statement p {
    font-size: 20px;
    color: rgba(255,255,255,.86);
}


#va-ac2-page .va-ac2-intro-stats {
    display: flex;
    gap: 0;

    margin-top: 24px;

    border-top: 1px solid rgba(255,255,255,.10);
    border-bottom: 1px solid rgba(255,255,255,.10);
}


#va-ac2-page .va-ac2-intro-stats > div {
    flex: 1;
    padding: 15px 12px;
}


#va-ac2-page .va-ac2-intro-stats strong {
    display: block;

    font-size: 28px;

    color: var(--ac2-gold-light);
}


#va-ac2-page .va-ac2-intro-stats span {
    display: block;

    margin-top: 3px;

    font-size: 8px;
    line-height: 1.4;

    letter-spacing: 1.5px;

    color: var(--ac2-muted);
}


/* =========================================================
   NETWORK
   ========================================================= */

#va-ac2-page .va-ac2-network {
    padding: 44px 0 48px;

    border-top: 1px solid rgba(255,255,255,.05);
    border-bottom: 1px solid rgba(255,255,255,.05);

    background:
        linear-gradient(
            135deg,
            rgba(139,77,255,.05),
            rgba(65,105,225,.035)
        );
}


#va-ac2-page .va-ac2-network-heading {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 25px;
}


#va-ac2-page .va-ac2-network-heading h2 {
    margin: 0;

    font-size: clamp(27px, 4vw, 46px);
}


#va-ac2-page .va-ac2-network-heading h2 span {
    color: var(--ac2-purple-light);
}


#va-ac2-page .va-ac2-network-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}


#va-ac2-page .va-ac2-network-card {
    position: relative;

    padding: 22px 18px;

    min-height: 125px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.025)
        );

    border: 1px solid rgba(214,175,67,.20);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease,
        opacity .35s ease;
}


#va-ac2-page .va-ac2-network-card:hover {
    transform: translateY(-7px) rotateX(3deg);

    border-color: var(--ac2-gold);

    box-shadow:
        0 18px 45px rgba(0,0,0,.35),
        0 0 25px rgba(139,77,255,.16);
}


#va-ac2-page .va-ac2-network-card > span {
    font-size: 10px;
    color: var(--ac2-gold);
}


#va-ac2-page .va-ac2-network-card strong {
    font-size: 25px;
}


#va-ac2-page .va-ac2-network-card small {
    color: var(--ac2-muted);
    font-size: 8px;
    letter-spacing: 1.5px;
}


#va-ac2-page .va-ac2-network-card.va-ac2-dim {
    opacity: .35;
    transform: scale(.97);
}


/* =========================================================
   COLLABORATIONS
   ========================================================= */

#va-ac2-page .va-ac2-collab {
    position: relative;

    padding: 55px 0;

    border-bottom: 1px solid rgba(255,255,255,.05);
}


#va-ac2-page .va-ac2-number {
    position: absolute;

    top: 24px;
    right: 5%;

    font-size: 100px;
    line-height: 1;

    font-weight: 900;

    color: rgba(255,255,255,.025);

    pointer-events: none;
}


#va-ac2-page .va-ac2-collab-grid {
    display: grid;

    grid-template-columns: .92fr 1.08fr;

    gap: 65px;

    align-items: center;
}


#va-ac2-page .va-ac2-reverse {
    grid-template-columns: 1.08fr .92fr;
}


/* =========================================================
   IMAGE
   ========================================================= */

#va-ac2-page .va-ac2-visual {
    position: relative;

    perspective: 1200px;
}


#va-ac2-page .va-ac2-image-frame {
    position: relative;

    height: 410px;

    overflow: hidden;

    border: 1px solid rgba(214,175,67,.45);

    background: #080b17;

    box-shadow:
        0 25px 70px rgba(0,0,0,.45),
        0 0 35px rgba(139,77,255,.10);

    transform-style: preserve-3d;

    transition: transform .15s ease;
}


#va-ac2-page .va-ac2-image-frame::before {
    content: "";

    position: absolute;

    inset: 7px;

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

    z-index: 4;

    pointer-events: none;
}


#va-ac2-page .va-ac2-image-frame::after {
    content: "";

    position: absolute;

    top: -100%;
    left: -20%;

    width: 35%;
    height: 300%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.16),
            transparent
        );

    transform: rotate(25deg);

    animation: vaAc2LightSweep 5s ease-in-out infinite;

    z-index: 5;

    pointer-events: none;
}


@keyframes vaAc2LightSweep {

    0%,
    65% {
        left: -40%;
    }

    100% {
        left: 130%;
    }

}


#va-ac2-page .va-ac2-image-frame img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;

    padding: 25px;

    background:
        radial-gradient(
            circle,
            rgba(139,77,255,.12),
            transparent 65%
        );

    transition: transform .7s ease;
}


#va-ac2-page .va-ac2-image-frame:hover img {
    transform: scale(1.045);
}


#va-ac2-page .va-ac2-image-glow {
    position: absolute;

    width: 180px;
    height: 180px;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    background: var(--ac2-purple);

    filter: blur(90px);

    opacity: .18;

    pointer-events: none;

    z-index: 0;
}


#va-ac2-page .va-ac2-image-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 50%,
            rgba(5,9,20,.82)
        );

    z-index: 2;

    pointer-events: none;
}


#va-ac2-page .va-ac2-image-label {
    position: absolute;

    left: 24px;
    right: 24px;
    bottom: 20px;

    z-index: 6;

    display: flex;

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

    gap: 15px;
}


#va-ac2-page .va-ac2-image-label span {
    font-size: 9px;
    letter-spacing: 2px;
    color: var(--ac2-gold-light);
}


#va-ac2-page .va-ac2-image-label strong {
    font-size: 10px;
    color: white;
}


#va-ac2-page .va-ac2-floating-tag {
    position: absolute;

    right: -18px;
    top: 25px;

    width: 58px;
    height: 58px;

    display: grid;
    place-items: center;

    border: 1px solid var(--ac2-gold);

    background: rgba(8,11,23,.94);

    color: var(--ac2-gold-light);

    font-size: 20px;
    font-weight: 900;

    box-shadow:
        0 0 25px rgba(214,175,67,.18);

    z-index: 8;
}


#va-ac2-page .va-ac2-mou {
    position: absolute;

    right: 25px;
    top: 25px;

    z-index: 7;

    width: 72px;
    height: 72px;

    display: flex;
    flex-direction: column;

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

    border-radius: 50%;

    border: 1px solid var(--ac2-gold);

    background: rgba(5,9,20,.88);

    box-shadow:
        0 0 25px rgba(214,175,67,.18);

    transform: rotate(-8deg);
}


#va-ac2-page .va-ac2-mou strong {
    color: var(--ac2-gold-light);
    font-size: 17px;
}


#va-ac2-page .va-ac2-mou span {
    font-size: 7px;
    letter-spacing: 1px;
    color: white;
}


/* =========================================================
   CONTENT
   ========================================================= */

#va-ac2-page .va-ac2-collab-label {
    display: inline-block;

    margin-bottom: 11px;

    padding-left: 12px;

    border-left: 2px solid var(--ac2-gold);

    color: var(--ac2-gold-light);

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 2.5px;
}


#va-ac2-page .va-ac2-content h2 {
    margin: 0 0 18px;

    font-size: clamp(33px, 4vw, 54px);

    line-height: 1;

    letter-spacing: -1px;
}


#va-ac2-page .va-ac2-content h2 span {
    display: block;

    color: var(--ac2-purple-light);

    text-shadow:
        0 0 25px rgba(139,77,255,.18);
}


#va-ac2-page .va-ac2-content p {
    margin: 0 0 15px;

    color: var(--ac2-muted);

    font-size: 16px;

    line-height: 1.72;
}


/* =========================================================
   FEATURE GRID
   ========================================================= */

#va-ac2-page .va-ac2-feature-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 7px;

    margin-top: 22px;
}


#va-ac2-page .va-ac2-feature-grid > div {
    min-height: 88px;

    padding: 12px;

    border: 1px solid rgba(214,175,67,.18);

    background:
        linear-gradient(
            145deg,
            rgba(139,77,255,.09),
            rgba(255,255,255,.025)
        );

    transition:
        transform .3s ease,
        border-color .3s ease;
}


#va-ac2-page .va-ac2-feature-grid > div:hover {
    transform: translateY(-4px);

    border-color: var(--ac2-gold);
}


#va-ac2-page .va-ac2-feature-grid span {
    display: block;

    margin-bottom: 8px;

    color: var(--ac2-gold);

    font-size: 9px;
}


#va-ac2-page .va-ac2-feature-grid strong {
    font-size: 8px;

    line-height: 1.35;

    letter-spacing: .8px;
}


/* =========================================================
   CHECK LIST
   ========================================================= */

#va-ac2-page .va-ac2-check-list {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 8px;

    margin-top: 22px;
}


#va-ac2-page .va-ac2-check-list > div {
    display: flex;

    align-items: center;

    gap: 10px;

    padding: 12px;

    border: 1px solid rgba(214,175,67,.15);

    background: rgba(255,255,255,.025);
}


#va-ac2-page .va-ac2-check-list span {
    width: 22px;
    height: 22px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background: rgba(139,77,255,.14);

    color: var(--ac2-gold-light);

    font-size: 12px;
}


#va-ac2-page .va-ac2-check-list strong {
    font-size: 9px;
    letter-spacing: 1px;
}


/* =========================================================
   SDG
   ========================================================= */

#va-ac2-page .va-ac2-sdg-grid {
    display: flex;

    gap: 10px;

    margin-top: 22px;
}


#va-ac2-page .va-ac2-sdg-grid > div {
    min-width: 145px;

    padding: 16px;

    border: 1px solid rgba(214,175,67,.25);

    background:
        linear-gradient(
            145deg,
            rgba(139,77,255,.10),
            rgba(255,255,255,.025)
        );
}


#va-ac2-page .va-ac2-sdg-grid span {
    display: block;

    font-size: 8px;

    letter-spacing: 2px;

    color: var(--ac2-gold);
}


#va-ac2-page .va-ac2-sdg-grid strong {
    display: block;

    margin: 2px 0;

    font-size: 37px;

    line-height: 1;

    color: white;
}


#va-ac2-page .va-ac2-sdg-grid small {
    font-size: 8px;

    line-height: 1.35;

    letter-spacing: 1px;

    color: var(--ac2-muted);
}


/* =========================================================
   IMPACT
   ========================================================= */

#va-ac2-page .va-ac2-impact {
    padding: 55px 0 50px;

    background:
        radial-gradient(
            circle at 50% 0,
            rgba(139,77,255,.08),
            transparent 45%
        );
}


#va-ac2-page .va-ac2-impact-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 10px;
}


#va-ac2-page .va-ac2-impact-card {
    padding: 22px 18px;

    min-height: 185px;

    border: 1px solid rgba(214,175,67,.18);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(139,77,255,.035)
        );

    transition:
        transform .35s ease,
        border-color .35s ease;
}


#va-ac2-page .va-ac2-impact-card:hover {
    transform: translateY(-7px);

    border-color: var(--ac2-purple-light);
}


#va-ac2-page .va-ac2-impact-card > span {
    color: var(--ac2-gold);

    font-size: 10px;

    letter-spacing: 2px;
}


#va-ac2-page .va-ac2-impact-card h3 {
    margin: 18px 0 8px;

    font-size: 20px;
}


#va-ac2-page .va-ac2-impact-card p {
    margin: 0;

    color: var(--ac2-muted);

    font-size: 13px;

    line-height: 1.65;
}


/* =========================================================
   FINAL
   ========================================================= */

#va-ac2-page .va-ac2-final {
    position: relative;

    padding: 58px 0 62px;

    text-align: center;

    border-top: 1px solid rgba(214,175,67,.15);

    background:
        radial-gradient(
            circle at center,
            rgba(139,77,255,.14),
            transparent 58%
        );
}


#va-ac2-page .va-ac2-final-content {
    max-width: 850px;

    margin: 0 auto;
}


#va-ac2-page .va-ac2-final-content > span {
    font-size: 9px;

    letter-spacing: 3px;

    color: var(--ac2-gold-light);
}


#va-ac2-page .va-ac2-final h2 {
    margin: 12px 0 15px;

    font-size: clamp(35px, 5vw, 58px);

    line-height: 1;
}


#va-ac2-page .va-ac2-final h2 strong {
    display: block;

    color: var(--ac2-purple-light);
}


#va-ac2-page .va-ac2-final p {
    max-width: 720px;

    margin: 0 auto;

    color: var(--ac2-muted);

    font-size: 15px;

    line-height: 1.7;
}


#va-ac2-page .va-ac2-final-line {
    width: 110px;

    height: 1px;

    margin: 25px auto 0;

    background:
        linear-gradient(
            90deg,
            var(--ac2-gold),
            var(--ac2-purple),
            var(--ac2-gold)
        );

    animation: vaAc2FinalLine 2.5s ease-in-out infinite;
}


@keyframes vaAc2FinalLine {

    0%,
    100% {
        opacity: .4;
        transform: scaleX(.7);
    }

    50% {
        opacity: 1;
        transform: scaleX(1.15);
    }

}


/* =========================================================
   REVEAL
   ========================================================= */

#va-ac2-page .va-ac2-reveal {
    opacity: 0;

    transform:
        translateY(35px)
        scale(.985);

    transition:
        opacity .75s ease,
        transform .75s cubic-bezier(.2,.7,.2,1);
}


#va-ac2-page .va-ac2-reveal.va-ac2-visible {
    opacity: 1;

    transform:
        translateY(0)
        scale(1);
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

#va-ac2-page.va-ac2-reduced-motion *,
#va-ac2-page.va-ac2-reduced-motion *::before,
#va-ac2-page.va-ac2-reduced-motion *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    #va-ac2-page .va-ac2-container {
        width: min(92%, 760px);
    }


    #va-ac2-page .va-ac2-intro-grid,
    #va-ac2-page .va-ac2-collab-grid,
    #va-ac2-page .va-ac2-reverse {
        grid-template-columns: 1fr;
        gap: 30px;
    }


    #va-ac2-page .va-ac2-visual {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }


    #va-ac2-page .va-ac2-image-frame {
        height: 370px;
    }


    #va-ac2-page .va-ac2-network-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    #va-ac2-page .va-ac2-impact-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    #va-ac2-page .va-ac2-collab {
        padding: 45px 0;
    }


    #va-ac2-page .va-ac2-feature-grid {
        max-width: 650px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    #va-ac2-page .va-ac2-container {
        width: calc(100% - 28px);
    }


    /* HERO */

    #va-ac2-page .va-ac2-hero {
        padding: 20px 12px 18px;
    }


    #va-ac2-page .va-ac2-hero-label {
        font-size: 8px;
        letter-spacing: 2.5px;
        margin-bottom: 7px;
    }


    #va-ac2-page .va-ac2-hero h1 {
        font-size: 31px;
        line-height: 1;
    }


    /* INTRO */

    #va-ac2-page .va-ac2-intro {
        padding: 35px 0 32px;
    }


    #va-ac2-page .va-ac2-intro-top,
    #va-ac2-page .va-ac2-impact-heading {
        grid-template-columns: 42px 1fr;
        gap: 10px;

        margin-bottom: 22px;
    }


    #va-ac2-page .va-ac2-section-number {
        font-size: 10px;
    }


    #va-ac2-page .va-ac2-mini-label {
        font-size: 8px;
        letter-spacing: 2px;
    }


    #va-ac2-page .va-ac2-intro h2,
    #va-ac2-page .va-ac2-impact-heading h2 {
        font-size: 29px;
    }


    #va-ac2-page .va-ac2-intro-grid {
        gap: 22px;
    }


    #va-ac2-page .va-ac2-intro-statement {
        padding-left: 14px;
    }


    #va-ac2-page .va-ac2-intro-statement p {
        font-size: 16px;
        line-height: 1.65;
    }


    #va-ac2-page .va-ac2-intro-text > p {
        font-size: 14px;
        line-height: 1.65;
    }


    #va-ac2-page .va-ac2-intro-stats > div {
        padding: 12px 7px;
    }


    #va-ac2-page .va-ac2-intro-stats strong {
        font-size: 23px;
    }


    #va-ac2-page .va-ac2-intro-stats span {
        font-size: 7px;
    }


    /* NETWORK */

    #va-ac2-page .va-ac2-network {
        padding: 32px 0 35px;
    }


    #va-ac2-page .va-ac2-network-heading {
        margin-bottom: 18px;
    }


    #va-ac2-page .va-ac2-network-heading h2 {
        font-size: 27px;
    }


    #va-ac2-page .va-ac2-network-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 7px;
    }


    #va-ac2-page .va-ac2-network-card {
        min-height: 105px;
        padding: 15px 12px;
    }


    #va-ac2-page .va-ac2-network-card strong {
        font-size: 20px;
    }


    /* COLLABORATIONS */

    #va-ac2-page .va-ac2-collab {
        padding: 35px 0 38px;
    }


    #va-ac2-page .va-ac2-collab-grid,
    #va-ac2-page .va-ac2-reverse {
        gap: 24px;
    }


    #va-ac2-page .va-ac2-image-frame {
        height: 270px;
    }


    #va-ac2-page .va-ac2-image-frame img {
        padding: 17px;
    }


    #va-ac2-page .va-ac2-floating-tag {
        width: 45px;
        height: 45px;

        right: -7px;
        top: 15px;

        font-size: 16px;
    }


    #va-ac2-page .va-ac2-mou {
        width: 58px;
        height: 58px;

        right: 17px;
        top: 17px;
    }


    #va-ac2-page .va-ac2-mou strong {
        font-size: 14px;
    }


    #va-ac2-page .va-ac2-content h2 {
        font-size: 31px;
        margin-bottom: 13px;
    }


    #va-ac2-page .va-ac2-content p {
        font-size: 14px;
        line-height: 1.65;

        margin-bottom: 12px;
    }


    #va-ac2-page .va-ac2-feature-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 6px;

        margin-top: 17px;
    }


    #va-ac2-page .va-ac2-feature-grid > div {
        min-height: 76px;
        padding: 10px;
    }


    #va-ac2-page .va-ac2-check-list {
        grid-template-columns: 1fr;
        gap: 6px;

        margin-top: 17px;
    }


    #va-ac2-page .va-ac2-check-list > div {
        padding: 10px;
    }


    #va-ac2-page .va-ac2-sdg-grid {
        margin-top: 17px;
    }


    #va-ac2-page .va-ac2-sdg-grid > div {
        min-width: 125px;
        padding: 13px;
    }


    #va-ac2-page .va-ac2-sdg-grid strong {
        font-size: 31px;
    }


    /* IMPACT */

    #va-ac2-page .va-ac2-impact {
        padding: 38px 0 40px;
    }


    #va-ac2-page .va-ac2-impact-grid {
        grid-template-columns: 1fr 1fr;
        gap: 7px;
    }


    #va-ac2-page .va-ac2-impact-card {
        min-height: 155px;
        padding: 17px 13px;
    }


    #va-ac2-page .va-ac2-impact-card h3 {
        font-size: 17px;
        margin: 12px 0 7px;
    }


    #va-ac2-page .va-ac2-impact-card p {
        font-size: 11px;
        line-height: 1.55;
    }


    /* FINAL */

    #va-ac2-page .va-ac2-final {
        padding: 40px 0 45px;
    }


    #va-ac2-page .va-ac2-final h2 {
        font-size: 34px;
    }


    #va-ac2-page .va-ac2-final p {
        font-size: 13px;
        line-height: 1.6;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

    #va-ac2-page .va-ac2-hero h1 {
        font-size: 28px;
    }


    #va-ac2-page .va-ac2-network-grid {
        grid-template-columns: 1fr 1fr;
    }


    #va-ac2-page .va-ac2-content h2 {
        font-size: 28px;
    }


    #va-ac2-page .va-ac2-image-frame {
        height: 235px;
    }


    #va-ac2-page .va-ac2-impact-grid {
        grid-template-columns: 1fr;
    }


    #va-ac2-page .va-ac2-number {
        font-size: 65px;
    }

}
/* =========================================================
   INDEX PAGE — MOBILE NAVIGATION SAFETY FIX
   Keeps HERO layers behind the global mobile navbar
========================================================= */

@media (max-width: 900px) {

    /* GLOBAL HEADER MUST ALWAYS STAY ABOVE HERO */
    #mainHeader,
    .main-header {
        position: relative !important;
        z-index: 100000000 !important;
    }

    /* HAMBURGER ALWAYS CLICKABLE */
    #mobileMenuButton,
    .mobile-menu-button {
        position: relative !important;
        z-index: 100000005 !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
    }

    /* HERO ITSELF BELOW HEADER */
    #gdcHero,
    .gdc-hero {
        position: relative;
        z-index: 1 !important;
    }

    /* HERO BACKGROUND LAYERS MUST NEVER CATCH CLICKS */
    #gdcHero .gdc-video-layer,
    #gdcHero .gdc-video-shade,
    #gdcHero .gdc-purple-atmosphere,
    #gdcHero .gdc-vignette,
    #gdcHero .gdc-particles {
        pointer-events: none !important;
    }

    /* HERO CONTENT ALSO BELOW NAV */
    #gdcHero .gdc-hero-content {
        position: relative;
        z-index: 5 !important;
    }

    /* MOBILE MENU MUST BE THE TOPMOST LAYER */
    #mobileNavigation,
    .mobile-navigation {
        position: fixed !important;
        z-index: 100000004 !important;
        pointer-events: none !important;
    }

    #mobileNavigation.active,
    .mobile-navigation.active {
        z-index: 100000004 !important;
        pointer-events: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

}