/* =========================================================
   CDV VISUAL SYSTEM V3
   VERSE / COSMIC GLASS
========================================================= */

:root {
    --v3-mx: 0px;
    --v3-my: 0px;

    --v3-violet: 135, 105, 255;
    --v3-blue: 84, 145, 255;
    --v3-cyan: 116, 220, 255;

    --v3-border: rgba(255,255,255,.085);
    --v3-border-hover: rgba(175,155,255,.25);

    --v3-ease:
        cubic-bezier(.2,.75,.25,1);
}


/* ---------------------------------------------------------
   BASE
--------------------------------------------------------- */

html {
    scroll-behavior: smooth;
}

body {
    isolation: isolate;
}

::selection {
    background: rgba(132,104,255,.35);
    color: #fff;
}


/* ---------------------------------------------------------
   AMBIENT COSMIC LIGHT
--------------------------------------------------------- */

.cdv-v3-ambient {
    position: fixed;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    overflow: hidden;

    opacity: .72;

    contain: strict;
}

.cdv-v3-orb {
    position: absolute;

    width: 42vw;
    height: 42vw;

    min-width: 420px;
    min-height: 420px;

    border-radius: 50%;

    filter: blur(100px);

    will-change: transform;
}

.cdv-v3-orb.one {
    top: -22vw;
    left: -12vw;

    background:
        radial-gradient(
            circle,
            rgba(109,82,255,.14),
            rgba(64,50,180,.04) 48%,
            transparent 72%
        );

    transform:
        translate3d(
            var(--v3-mx),
            var(--v3-my),
            0
        );
}

.cdv-v3-orb.two {
    right: -18vw;
    top: 30vh;

    background:
        radial-gradient(
            circle,
            rgba(76,138,255,.10),
            rgba(87,56,190,.025) 52%,
            transparent 72%
        );

    transform:
        translate3d(
            calc(var(--v3-mx) * -.7),
            calc(var(--v3-my) * -.7),
            0
        );
}


/* ---------------------------------------------------------
   NAVBAR
--------------------------------------------------------- */

nav {
    border-bottom:
        1px solid rgba(255,255,255,.055) !important;

    background:
        linear-gradient(
            180deg,
            rgba(9,10,28,.72),
            rgba(7,8,23,.53)
        ) !important;

    box-shadow:
        0 12px 38px rgba(0,0,0,.12),
        inset 0 -1px 0 rgba(255,255,255,.018);

    -webkit-backdrop-filter:
        blur(24px)
        saturate(135%) !important;

    backdrop-filter:
        blur(24px)
        saturate(135%) !important;
}

nav a {
    position: relative;

    transition:
        color .25s ease,
        opacity .25s ease,
        transform .25s ease;
}

nav a:hover {
    transform: translateY(-1px);
}

nav a::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -8px;

    width: 0;
    height: 1px;

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

    transform: translateX(-50%);

    opacity: 0;

    transition:
        width .28s var(--v3-ease),
        opacity .28s ease;
}

nav a:hover::after {
    width: 72%;
    opacity: .8;
}


/* ---------------------------------------------------------
   HERO
--------------------------------------------------------- */

.home-hero-premium {
    position: relative;

    isolation: isolate;

    overflow: hidden;

    border-color:
        rgba(255,255,255,.105) !important;

    background:
        linear-gradient(
            135deg,
            rgba(25,27,61,.66) 0%,
            rgba(17,19,45,.55) 48%,
            rgba(31,20,54,.50) 100%
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        inset 0 -1px 0 rgba(255,255,255,.02),
        0 34px 90px rgba(0,0,0,.30) !important;

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

.home-hero-premium::before {
    content: "";

    position: absolute;
    inset: -1px;

    z-index: -1;

    pointer-events: none;

    background:
        radial-gradient(
            620px circle
            at var(--spot-x, 35%)
               var(--spot-y, 25%),

            rgba(144,116,255,.16),
            rgba(83,94,220,.05) 28%,
            transparent 60%
        );

    opacity: .85;

    transition: opacity .5s ease;
}

.home-hero-premium::after {
    content: "";

    position: absolute;

    left: 8%;
    right: 8%;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(198,187,255,.36),
            rgba(120,164,255,.19),
            transparent
        );

    opacity: .75;

    pointer-events: none;
}


/* ---------------------------------------------------------
   TITLE
--------------------------------------------------------- */

.home-title span {
    position: relative;

    display: inline-block;

    color: transparent !important;

    background:
        linear-gradient(
            110deg,
            #b9a7ff 0%,
            #8469ff 28%,
            #d8d0ff 46%,
            #7357ed 63%,
            #9e8bff 100%
        );

    background-size: 220% 100%;

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

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

@keyframes cdvV3TitleFlow {
    0%, 100% {
        background-position: 0% 50%;
    }

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


/* ---------------------------------------------------------
   LIVE DOTS
--------------------------------------------------------- */

.live-dot,
.cdv-discord-min-dot {
    position: relative;
}

.live-dot::after,
.cdv-discord-min-dot::after {
    content: "";

    position: absolute;
    inset: -4px;

    border-radius: inherit;

    border:
        1px solid
        rgba(103,246,168,.5);

    animation:
        cdvV3LivePulse
        2.4s ease-out
        infinite;
}

@keyframes cdvV3LivePulse {
    0% {
        transform: scale(.7);
        opacity: .7;
    }

    70%,
    100% {
        transform: scale(1.9);
        opacity: 0;
    }
}


/* ---------------------------------------------------------
   GLASS CARDS
--------------------------------------------------------- */

.hero-side-card,
.cdv-discord-min-card,
.cdv-home-link-card,
.home-stats .stat {
    position: relative;

    isolation: isolate;

    border-color:
        var(--v3-border) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        0 18px 55px rgba(0,0,0,.14);

    transition:
        transform .35s var(--v3-ease),
        border-color .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}

.hero-side-card::after,
.cdv-discord-min-card::after,
.cdv-home-link-card::after,
.home-stats .stat::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: -1;

    border-radius: inherit;

    pointer-events: none;

    background:
        radial-gradient(
            450px circle
            at var(--card-x, 50%)
               var(--card-y, 0%),

            rgba(166,143,255,.10),
            transparent 45%
        );

    opacity: 0;

    transition:
        opacity .35s ease;
}

.hero-side-card:hover,
.cdv-discord-min-card:hover,
.cdv-home-link-card:hover,
.home-stats .stat:hover {
    border-color:
        var(--v3-border-hover) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 24px 65px rgba(0,0,0,.20),
        0 0 50px rgba(104,75,220,.035);
}

.hero-side-card:hover::after,
.cdv-discord-min-card:hover::after,
.cdv-home-link-card:hover::after,
.home-stats .stat:hover::after {
    opacity: 1;
}


/* ---------------------------------------------------------
   BUTTONS
--------------------------------------------------------- */

.hero-button,
.cdv-discord-min-join,
.home-link {
    position: relative;

    overflow: hidden;

    transform: translateZ(0);

    transition:
        transform .28s var(--v3-ease),
        border-color .28s ease,
        box-shadow .28s ease,
        background .28s ease !important;
}

.hero-button::before,
.cdv-discord-min-join::before {
    content: "";

    position: absolute;

    top: -50%;
    bottom: -50%;

    width: 45px;

    left: -80px;

    pointer-events: none;

    transform:
        rotate(16deg);

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

    transition:
        left .65s var(--v3-ease);
}

.hero-button:hover::before,
.cdv-discord-min-join:hover::before {
    left: calc(100% + 40px);
}

.hero-button:hover,
.cdv-discord-min-join:hover {
    transform:
        translateY(-2px);
}


/* ---------------------------------------------------------
   DISCORD
--------------------------------------------------------- */

.cdv-discord-min-card {
    background:
        linear-gradient(
            135deg,
            rgba(15,17,38,.66),
            rgba(10,11,27,.53)
        ) !important;

    -webkit-backdrop-filter:
        blur(24px)
        saturate(120%);

    backdrop-filter:
        blur(24px)
        saturate(120%);
}

.cdv-discord-min-avatar {
    transition:
        transform .3s var(--v3-ease),
        filter .3s ease;
}

.cdv-discord-min-avatar:hover {
    transform:
        translateY(-3px)
        scale(1.08);

    filter:
        brightness(1.12);
}


/* ---------------------------------------------------------
   STATS
--------------------------------------------------------- */

.home-stats .stat-value {
    font-variant-numeric:
        tabular-nums;

    text-shadow:
        0 0 28px rgba(133,107,255,.10);
}


/* ---------------------------------------------------------
   FILM SECTION
   AUCUNE MODIFICATION DU CYLINDRE
--------------------------------------------------------- */

.cdv-film-section {
    position: relative;
}

.cdv-film-head a {
    transition:
        opacity .25s ease,
        letter-spacing .25s ease,
        color .25s ease !important;
}

.cdv-film-head a:hover {
    letter-spacing:
        2px !important;
}


/* ---------------------------------------------------------
   SCROLL REVEAL
--------------------------------------------------------- */

html.cdv-v3-ready
.cdv-v3-reveal {
    opacity: 0;

    transform:
        translate3d(0,22px,0);

    filter:
        blur(7px);

    transition:
        opacity .85s var(--v3-ease),
        transform .85s var(--v3-ease),
        filter .85s var(--v3-ease);
}

html.cdv-v3-ready
.cdv-v3-reveal.cdv-v3-visible {
    opacity: 1;

    transform:
        translate3d(0,0,0);

    filter:
        blur(0);
}


/* ---------------------------------------------------------
   VERY SUBTLE GRAIN
--------------------------------------------------------- */

.cdv-v3-grain {
    position: fixed;
    inset: 0;

    z-index: 9998;

    pointer-events: none;

    opacity: .023;

    mix-blend-mode: soft-light;

    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}


/* ---------------------------------------------------------
   REDUCED MOTION
--------------------------------------------------------- */

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

    *,
    *::before,
    *::after {
        animation-duration:
            .001ms !important;

        animation-iteration-count:
            1 !important;

        scroll-behavior:
            auto !important;
    }

    html.cdv-v3-ready
    .cdv-v3-reveal {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }

    .cdv-v3-ambient {
        display: none;
    }
}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 800px) {

    .cdv-v3-ambient {
        opacity: .42;
    }

    .cdv-v3-orb {
        filter: blur(80px);
    }

    .hero-side-card:hover,
    .cdv-discord-min-card:hover,
    .cdv-home-link-card:hover,
    .home-stats .stat:hover {
        transform: none;
    }

}




/* =========================================================
   CDV VISUAL MOTION V3.1
   DEPTH / REFRACTION / MOTION
========================================================= */


/* ---------------------------------------------------------
   SECTION FLOW
--------------------------------------------------------- */

main > section {
    position: relative;
}

main > section:not(:first-child)::before {
    content: "";

    position: absolute;

    top: -34px;
    left: 12%;
    right: 12%;

    height: 1px;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(132,105,255,.00) 10%,
            rgba(132,105,255,.14) 36%,
            rgba(141,175,255,.11) 64%,
            rgba(132,105,255,.00) 90%,
            transparent 100%
        );

    opacity: .55;

    mask-image:
        linear-gradient(
            90deg,
            transparent,
            black 25%,
            black 75%,
            transparent
        );
}


/* ---------------------------------------------------------
   NAV REFINEMENT
--------------------------------------------------------- */

nav {
    transition:
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

nav::before {
    content: "";

    position: absolute;

    left: 14%;
    right: 14%;
    bottom: -1px;

    height: 1px;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(144,119,255,.14),
            rgba(134,169,255,.12),
            transparent
        );
}

nav a.active {
    text-shadow:
        0 0 18px
        rgba(153,130,255,.18);
}


/* ---------------------------------------------------------
   PREMIUM SURFACE REFRACTION
--------------------------------------------------------- */

.home-hero-premium,
.hero-side-card,
.cdv-discord-min-card,
.cdv-home-link-card,
.home-stats .stat {
    transform-style: preserve-3d;

    will-change:
        transform;

    backface-visibility:
        hidden;
}

.cdv-v31-reflection {
    position: absolute;

    inset: 0;

    z-index: 5;

    pointer-events: none;

    border-radius: inherit;

    overflow: hidden;

    opacity: 0;

    transition:
        opacity .35s ease;
}

.cdv-v31-reflection::before {
    content: "";

    position: absolute;

    width: 55%;
    height: 180%;

    top: -40%;

    left:
        calc(
            var(--shine-x, 50%)
            - 27%
        );

    transform:
        rotate(14deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.035),
            rgba(183,169,255,.075),
            rgba(255,255,255,.025),
            transparent
        );

    filter:
        blur(5px);
}

.hero-side-card:hover
.cdv-v31-reflection,

.cdv-discord-min-card:hover
.cdv-v31-reflection,

.cdv-home-link-card:hover
.cdv-v31-reflection,

.home-stats .stat:hover
.cdv-v31-reflection {
    opacity: 1;
}


/* ---------------------------------------------------------
   HOME LINK CARDS
--------------------------------------------------------- */

.cdv-home-link-card {
    min-height: 155px;

    background:
        linear-gradient(
            145deg,
            rgba(19,20,42,.64),
            rgba(8,10,23,.50)
        ) !important;
}

.cdv-home-link-card::before {
    transition:
        transform .5s ease,
        opacity .5s ease;
}

.cdv-home-link-card:hover::before {
    transform:
        scale(1.18);

    opacity: .9;
}

.cdv-home-link-title {
    transition:
        transform .3s ease,
        letter-spacing .3s ease;
}

.cdv-home-link-card:hover
.cdv-home-link-title {
    transform:
        translateX(3px);

    letter-spacing:
        -.012em;
}

.cdv-home-link-sub {
    transition:
        color .3s ease,
        transform .3s ease;
}

.cdv-home-link-card:hover
.cdv-home-link-sub {
    color:
        rgba(255,255,255,.66);

    transform:
        translateX(3px);
}


/* ---------------------------------------------------------
   HERO SIDE CARDS
--------------------------------------------------------- */

.hero-side-card {
    overflow: hidden;
}

.hero-side-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 18%;
    bottom: 18%;

    width: 1px;

    background:
        linear-gradient(
            transparent,
            rgba(153,128,255,.38),
            transparent
        );

    opacity: .45;

    transition:
        opacity .35s ease,
        transform .35s ease;
}

.hero-side-card:hover::before {
    opacity: .9;

    transform:
        scaleY(1.12);
}


/* ---------------------------------------------------------
   DISCORD
--------------------------------------------------------- */

.cdv-discord-min-card {
    overflow: hidden;
}

.cdv-discord-min-card::before {
    content: "";

    position: absolute;

    width: 320px;
    height: 180px;

    top: -130px;
    right: 10%;

    border-radius: 50%;

    background:
        rgba(112,88,255,.09);

    filter:
        blur(52px);

    pointer-events: none;

    transition:
        transform .7s ease;
}

.cdv-discord-min-card:hover::before {
    transform:
        translateX(-28px)
        scale(1.08);
}


/* ---------------------------------------------------------
   STATS
--------------------------------------------------------- */

.home-stats .stat {
    overflow: hidden;
}

.home-stats .stat-value {
    position: relative;

    transition:
        transform .35s
        cubic-bezier(.2,.75,.25,1);
}

.home-stats .stat:hover
.stat-value {
    transform:
        translateY(-2px)
        scale(1.025);
}


/* ---------------------------------------------------------
   MAGNETIC BUTTON FEEL
--------------------------------------------------------- */

.cdv-v31-magnetic {
    --mag-x: 0px;
    --mag-y: 0px;

    transform:
        translate3d(
            var(--mag-x),
            var(--mag-y),
            0
        );

    transition:
        transform .3s
        cubic-bezier(.2,.75,.25,1);
}


/* ---------------------------------------------------------
   VERY LIGHT PAGE VIGNETTE
--------------------------------------------------------- */

.cdv-v31-vignette {
    position: fixed;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        radial-gradient(
            ellipse at center,
            transparent 38%,
            rgba(2,3,12,.03) 64%,
            rgba(2,3,12,.16) 100%
        );

    opacity: .7;
}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 800px) {

    main > section:not(:first-child)::before {
        left: 6%;
        right: 6%;
    }

    .cdv-v31-reflection {
        display: none;
    }

    .cdv-v31-vignette {
        opacity: .45;
    }

}




/* =========================================================
   CDV VERSE ORBIT V3.2
   SIGNATURE COSMIC MOTION
========================================================= */

.cdv-v32-orbit {
    position: fixed;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    overflow: hidden;

    opacity: .58;

    mix-blend-mode: screen;
}

.cdv-v32-orbit svg {
    position: absolute;

    width: 140vw;
    height: 140vh;

    left: -20vw;
    top: -20vh;

    overflow: visible;
}

.cdv-v32-orbit-path {
    fill: none;

    stroke:
        url(#cdvVerseGradient);

    stroke-width: .7;

    stroke-linecap: round;

    stroke-dasharray:
        3 13;

    opacity: .24;

    animation:
        cdvV32OrbitFlow
        32s linear infinite;
}

.cdv-v32-orbit-path.secondary {
    stroke-width: .45;

    opacity: .12;

    stroke-dasharray:
        2 18;

    animation-duration:
        46s;

    animation-direction:
        reverse;
}

@keyframes cdvV32OrbitFlow {
    to {
        stroke-dashoffset: -400;
    }
}


/* ----------------------------------------------
   POINTS DE L'ORBITE
---------------------------------------------- */

.cdv-v32-node {
    fill:
        rgba(190,180,255,.85);

    filter:
        drop-shadow(
            0 0 5px
            rgba(133,107,255,.65)
        );

    transform-box: fill-box;
    transform-origin: center;

    animation:
        cdvV32NodePulse
        4.8s ease-in-out infinite;
}

.cdv-v32-node.blue {
    fill:
        rgba(133,190,255,.78);

    animation-delay:
        -1.6s;
}

.cdv-v32-node.small {
    animation-delay:
        -3.1s;
}

@keyframes cdvV32NodePulse {

    0%,
    100% {
        opacity: .22;
        transform: scale(.75);
    }

    50% {
        opacity: .9;
        transform: scale(1.35);
    }

}


/* ----------------------------------------------
   LÉGER FADE POUR NE PAS POLLUER LES BORDS
---------------------------------------------- */

.cdv-v32-orbit {
    -webkit-mask-image:
        radial-gradient(
            ellipse at center,
            black 18%,
            rgba(0,0,0,.9) 48%,
            rgba(0,0,0,.30) 78%,
            transparent 100%
        );

    mask-image:
        radial-gradient(
            ellipse at center,
            black 18%,
            rgba(0,0,0,.9) 48%,
            rgba(0,0,0,.30) 78%,
            transparent 100%
        );
}


/* ----------------------------------------------
   PETITE SIGNATURE "VERSE"
---------------------------------------------- */

.cdv-v32-signature {
    position: fixed;

    right: 23px;
    bottom: 18px;

    z-index: 3;

    pointer-events: none;

    display: flex;
    align-items: center;

    gap: 8px;

    opacity: .24;

    color:
        rgba(220,215,255,.8);

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .24em;

    text-transform: uppercase;
}

.cdv-v32-signature-line {
    width: 26px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(159,137,255,.8)
        );
}


/* ----------------------------------------------
   RESPONSIVE
---------------------------------------------- */

@media (max-width: 800px) {

    .cdv-v32-orbit {
        opacity: .34;
    }

    .cdv-v32-orbit svg {
        width: 180vw;
        left: -40vw;
    }

    .cdv-v32-signature {
        display: none;
    }

}

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

    .cdv-v32-orbit-path,
    .cdv-v32-node {
        animation: none !important;
    }

}




/* CDV GLOBAL NAVIGATION PREMIUM START */

.cdv-global-header,
.cdv-global-header * {
    box-sizing: border-box;
}

.cdv-global-header {
    --nav-accent: #8b72ff;
    --nav-cyan: #68d9ff;
    --nav-text: #f8f7ff;

    position: sticky;
    z-index: 10000;
    top: 16px;

    width:
        min(
            1500px,
            calc(100% - 38px)
        );

    height: 76px;

    margin:
        16px auto 0;

    display: grid;

    grid-template-columns:
        minmax(230px, 1fr)
        auto
        minmax(230px, 1fr);

    align-items: center;

    padding:
        0 18px
        0 22px;

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

    border-radius: 21px;

    background:
        linear-gradient(
            120deg,
            rgba(7, 10, 28, .84),
            rgba(11, 13, 34, .72) 48%,
            rgba(7, 18, 35, .79)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .055),

        0 18px 55px
        rgba(0, 0, 0, .20);

    -webkit-backdrop-filter:
        blur(24px)
        saturate(135%);

    backdrop-filter:
        blur(24px)
        saturate(135%);

    isolation: isolate;

    transition:
        height .35s ease,
        top .35s ease,
        width .35s ease,
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease,
        transform .35s ease;
}

.cdv-global-header::before {
    content: "";

    position: absolute;
    z-index: -1;

    inset: -1px;

    padding: 1px;

    border-radius: inherit;

    background:
        linear-gradient(
            105deg,
            transparent 6%,
            rgba(139, 114, 255, .60),
            rgba(104, 217, 255, .36),
            transparent 92%
        );

    opacity: .30;

    pointer-events: none;

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

    -webkit-mask-composite: xor;

    mask-composite: exclude;
}

.cdv-global-header::after {
    content: "";

    position: absolute;
    z-index: -2;

    left: 15%;
    right: 15%;
    bottom: -18px;

    height: 38px;

    background:
        radial-gradient(
            ellipse at center,
            rgba(89, 85, 214, .22),
            transparent 70%
        );

    filter: blur(18px);

    opacity: .65;

    pointer-events: none;
}

.cdv-global-header.is-scrolled {
    top: 9px;

    width:
        min(
            1380px,
            calc(100% - 30px)
        );

    height: 66px;

    border-color:
        rgba(
            142,
            128,
            255,
            .24
        );

    background:
        linear-gradient(
            120deg,
            rgba(5, 7, 23, .94),
            rgba(10, 11, 31, .91),
            rgba(5, 15, 30, .92)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .06),

        0 16px 45px
        rgba(0, 0, 0, .34);
}

.cdv-global-header.is-hidden {
    transform:
        translateY(
            calc(-100% - 28px)
        );
}


/* =========================================================
   IDENTITÉ
========================================================= */

.cdv-global-brand {
    min-width: 0;

    display: inline-flex;

    align-items: center;

    gap: 13px;

    color:
        var(--nav-text);

    text-decoration: none;

    justify-self: start;
}

.cdv-global-brand-mark {
    position: relative;

    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: grid;

    place-items: center;

    border:
        1px solid
        rgba(125, 205, 255, .34);

    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(117, 86, 255, .20),
            rgba(74, 190, 255, .08)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .10),

        0 8px 26px
        rgba(74, 111, 255, .15);

    transform:
        rotate(45deg);

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

        border-color .35s ease,

        box-shadow .35s ease;
}

.cdv-global-brand-mark::before {
    content: "";

    width: 8px;
    height: 8px;

    border:
        2px solid
        rgba(238, 246, 255, .92);

    border-radius: 2px;

    transform:
        rotate(-45deg);

    box-shadow:
        0 0 14px
        rgba(105, 216, 255, .50);
}

.cdv-global-brand:hover
.cdv-global-brand-mark {
    transform:
        rotate(135deg)
        scale(1.05);

    border-color:
        rgba(138, 220, 255, .68);

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .14),

        0 0 30px
        rgba(104, 151, 255, .26);
}

.cdv-global-brand-copy {
    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 4px;
}

.cdv-global-brand-name {
    overflow: hidden;

    color: #ffffff;

    font-size: 14px;

    font-weight: 900;

    letter-spacing: .16em;

    line-height: 1;

    text-overflow: ellipsis;

    text-transform: uppercase;

    white-space: nowrap;
}

.cdv-global-brand-subtitle {
    color:
        rgba(
            202,
            198,
            225,
            .40
        );

    font-size: 7px;

    font-weight: 800;

    letter-spacing: .22em;

    line-height: 1;

    text-transform: uppercase;
}


/* =========================================================
   LIENS
========================================================= */

.cdv-global-menu {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 4px;

    padding: 5px;

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

    border-radius: 15px;

    background:
        rgba(
            1,
            3,
            17,
            .30
        );

    box-shadow:
        inset 0 1px 8px
        rgba(0, 0, 0, .16);
}

.cdv-global-link {
    position: relative;

    min-height: 39px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding:
        0 14px;

    overflow: hidden;

    border:
        1px solid
        transparent;

    border-radius: 11px;

    color:
        rgba(
            222,
            218,
            238,
            .48
        );

    font-size: 9px;

    font-weight: 850;

    letter-spacing: .11em;

    text-decoration: none;

    text-transform: uppercase;

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

.cdv-global-link::before {
    content: "";

    position: absolute;

    left: 18%;
    right: 18%;
    bottom: 3px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--nav-cyan),
            transparent
        );

    opacity: 0;

    transform:
        scaleX(.30);

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

.cdv-global-link:hover {
    color:
        rgba(
            247,
            246,
            255,
            .88
        );

    background:
        rgba(
            128,
            108,
            255,
            .07
        );

    transform:
        translateY(-1px);
}

.cdv-global-link:hover::before {
    opacity: .56;

    transform:
        scaleX(1);
}

.cdv-global-link.active {
    border-color:
        rgba(
            137,
            122,
            255,
            .24
        );

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            rgba(121, 91, 255, .19),
            rgba(72, 179, 255, .09)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .07),

        0 7px 22px
        rgba(71, 77, 218, .11);
}

.cdv-global-link.active::before {
    opacity: 1;

    transform:
        scaleX(1);
}


/* =========================================================
   LIVE
========================================================= */

.cdv-global-status {
    display: inline-flex;

    align-items: center;

    justify-content: flex-end;

    gap: 9px;

    justify-self: end;

    padding:
        10px 12px;

    border:
        1px solid
        rgba(92, 221, 177, .11);

    border-radius: 12px;

    color:
        rgba(
            208,
            217,
            229,
            .52
        );

    font-size: 8px;

    font-weight: 850;

    letter-spacing: .15em;

    text-transform: uppercase;
}

.cdv-global-live-dot {
    position: relative;

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background: #55e7ae;

    box-shadow:
        0 0 0 4px
        rgba(85, 231, 174, .07),

        0 0 18px
        rgba(85, 231, 174, .68);
}

.cdv-global-live-dot::after {
    content: "";

    position: absolute;

    inset: -5px;

    border:
        1px solid
        rgba(85, 231, 174, .34);

    border-radius: inherit;

    animation:
        cdvGlobalLivePulse
        2.4s ease-out
        infinite;
}

@keyframes cdvGlobalLivePulse {
    0% {
        opacity: .65;
        transform: scale(.55);
    }

    70%,
    100% {
        opacity: 0;
        transform: scale(1.45);
    }
}


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

.cdv-global-toggle {
    width: 42px;
    height: 42px;

    display: none;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    gap: 5px;

    justify-self: end;

    border:
        1px solid
        rgba(143, 127, 255, .23);

    border-radius: 12px;

    color: white;

    cursor: pointer;

    background:
        rgba(
            117,
            92,
            255,
            .10
        );
}

.cdv-global-toggle span {
    width: 16px;
    height: 1px;

    background:
        currentColor;

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

.cdv-global-header.menu-open
.cdv-global-toggle span:first-child {
    transform:
        translateY(3px)
        rotate(45deg);
}

.cdv-global-header.menu-open
.cdv-global-toggle span:last-child {
    transform:
        translateY(-3px)
        rotate(-45deg);
}

@media (max-width: 1120px) {
    .cdv-global-header {
        grid-template-columns:
            minmax(190px, 1fr)
            auto
            minmax(80px, 1fr);
    }

    .cdv-global-link {
        padding:
            0 9px;

        font-size: 8px;
    }

    .cdv-global-status-copy {
        display: none;
    }
}

@media (max-width: 860px) {
    .cdv-global-header {
        top: 10px;

        width:
            calc(100% - 20px);

        height: 66px;

        grid-template-columns:
            1fr auto;

        padding:
            0 11px
            0 15px;

        border-radius: 17px;
    }

    .cdv-global-brand-subtitle,
    .cdv-global-status {
        display: none;
    }

    .cdv-global-toggle {
        display: flex;
    }

    .cdv-global-menu {
        position: absolute;

        top:
            calc(100% + 10px);

        left: 0;
        right: 0;

        display: grid;

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

        gap: 6px;

        padding: 10px;

        border:
            1px solid
            rgba(147, 130, 255, .19);

        border-radius: 17px;

        background:
            rgba(
                5,
                7,
                24,
                .97
            );

        box-shadow:
            0 22px 55px
            rgba(0, 0, 0, .48);

        -webkit-backdrop-filter:
            blur(25px);

        backdrop-filter:
            blur(25px);

        opacity: 0;

        visibility: hidden;

        pointer-events: none;

        transform:
            translateY(-8px)
            scale(.985);

        transform-origin:
            top center;

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

    .cdv-global-header.menu-open
    .cdv-global-menu {
        opacity: 1;

        visibility: visible;

        pointer-events: auto;

        transform:
            translateY(0)
            scale(1);
    }

    .cdv-global-link {
        min-height: 45px;

        padding:
            0 10px;

        border-color:
            rgba(
                255,
                255,
                255,
                .045
            );

        background:
            rgba(
                255,
                255,
                255,
                .025
            );
    }
}

@media (max-width: 520px) {
    .cdv-global-brand-name {
        font-size: 12px;
    }

    .cdv-global-brand-mark {
        width: 30px;
        height: 30px;

        flex-basis: 30px;
    }

    .cdv-global-menu {
        grid-template-columns:
            1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cdv-global-header,
    .cdv-global-header *,
    .cdv-global-header *::before,
    .cdv-global-header *::after {
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        scroll-behavior:
            auto !important;

        transition-duration:
            .01ms !important;
    }
}


/* CDV TROPHY NAV PATCH START */

.cdv-global-brand {
    gap:
        11px !important;
}

.cdv-global-brand-copy {
    justify-content:
        center !important;
}

.cdv-global-brand-name {
    line-height:
        1.1 !important;
}

.cdv-global-brand-subtitle {
    display:
        none !important;
}

.cdv-global-brand-mark {
    width:
        46px !important;

    height:
        54px !important;

    flex:
        0 0 46px !important;

    overflow:
        visible !important;

    display:
        grid !important;

    place-items:
        center !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    transform:
        none !important;

    isolation:
        isolate;
}

.cdv-global-brand-mark::before {
    content:
        "" !important;

    position:
        absolute;

    z-index:
        -1;

    width:
        35px !important;

    height:
        35px !important;

    border:
        0 !important;

    border-radius:
        50% !important;

    background:
        radial-gradient(
            circle,
            rgba(111, 166, 255, .28),
            rgba(131, 91, 255, .12) 42%,
            transparent 72%
        ) !important;

    box-shadow:
        none !important;

    filter:
        blur(8px);

    transform:
        none !important;

    opacity:
        .78;

    transition:
        opacity .35s ease,
        transform .45s ease;
}

.cdv-global-brand-trophy {
    width:
        43px;

    height:
        51px;

    display:
        block;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0 0 7px
            rgba(103, 181, 255, .25)
        )
        drop-shadow(
            0 7px 12px
            rgba(28, 21, 94, .26)
        );

    transform:
        translateY(1px);

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

        filter .45s ease;
}

.cdv-global-brand:hover
.cdv-global-brand-mark {
    transform:
        none !important;

    border-color:
        transparent !important;

    box-shadow:
        none !important;
}

.cdv-global-brand:hover
.cdv-global-brand-mark::before {
    opacity:
        1;

    transform:
        scale(1.18) !important;
}

.cdv-global-brand:hover
.cdv-global-brand-trophy {
    transform:
        translateY(-2px)
        scale(1.07);

    filter:
        drop-shadow(
            0 0 11px
            rgba(110, 202, 255, .42)
        )
        drop-shadow(
            0 8px 16px
            rgba(80, 54, 219, .38)
        );
}

@media (max-width: 520px) {
    .cdv-global-brand-mark {
        width:
            39px !important;

        height:
            46px !important;

        flex-basis:
            39px !important;
    }

    .cdv-global-brand-trophy {
        width:
            37px;

        height:
            44px;
    }
}


/* CDV PRECISE HERO FIX START */

@media (min-width: 861px) {
    header.cdv-global-header
    nav.cdv-global-menu {
        padding:
            0 !important;

        border:
            0 !important;

        border-width:
            0 !important;

        border-color:
            transparent !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        background-color:
            transparent !important;

        background-image:
            none !important;

        box-shadow:
            none !important;

        -webkit-backdrop-filter:
            none !important;

        backdrop-filter:
            none !important;
    }

    header.cdv-global-header
    .cdv-global-link {
        min-height:
            40px;
    }

    header.cdv-global-header
    .cdv-global-link.active {
        border:
            1px solid
            rgba(
                137,
                122,
                255,
                .28
            ) !important;

        border-radius:
            12px !important;

        background:
            linear-gradient(
                135deg,
                rgba(121, 91, 255, .19),
                rgba(72, 179, 255, .09)
            ) !important;

        box-shadow:
            inset 0 1px 0
            rgba(255, 255, 255, .07),

            0 7px 22px
            rgba(71, 77, 218, .11) !important;
    }
}

/* CDV PRECISE HERO FIX END */


/* CDV TROPHY NAV PATCH END */


/* CDV GLOBAL NAVIGATION PREMIUM END */