.elementor-kit-15{--e-global-color-primary:#0B0B0B;--e-global-color-secondary:#454545;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF;--e-global-color-36ebc09:#FE0000;--e-global-color-db7119d:#06EFFB;--e-global-color-3b73961:#000000;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:80px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:700;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:normal;--e-global-typography-9cb32ba-font-family:"Poppins";--e-global-typography-9cb32ba-font-size:16px;--e-global-typography-9cb32ba-font-weight:500;--e-global-typography-bb56d26-font-size:16px;--e-global-typography-bb56d26-font-weight:700;}.elementor-kit-15 e-page-transition{background-color:#FFBC7D;}.elementor-kit-15 button,.elementor-kit-15 input[type="button"],.elementor-kit-15 input[type="submit"],.elementor-kit-15 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-shadow:0px 0px 0px rgba(0,0,0,0.3);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-15{--e-global-typography-primary-font-size:64px;--e-global-typography-secondary-font-size:32px;--e-global-typography-text-font-size:20px;--e-global-typography-accent-font-size:18px;}.elementor-kit-15 button,.elementor-kit-15 input[type="button"],.elementor-kit-15 input[type="submit"],.elementor-kit-15 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-15{--e-global-typography-primary-font-size:44px;--e-global-typography-secondary-font-size:28px;--e-global-typography-text-font-size:18px;--e-global-typography-accent-font-size:16px;}.elementor-kit-15 button,.elementor-kit-15 input[type="button"],.elementor-kit-15 input[type="submit"],.elementor-kit-15 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-kit-15 {

    --bg-dark: #000000; 

    

    --glow-red: rgba(254, 0, 0, 0.30);

    --glow-red-0: rgba(254, 0, 0, 0); 

    

    --glow-cyan: rgba(6, 239, 251, 0.25);

    --glow-cyan-0: rgba(6, 239, 251, 0); 



    /* Opacité du violet très légèrement remontée à 0.15 pour gérer les grands croisements en haut */

    --glow-purple: rgba(138, 43, 226, 0.15);

    --glow-purple-0: rgba(138, 43, 226, 0);



    background-color: var(--bg-dark);

    background-blend-mode: screen;

    

    background-image: 

        /* --- LE PONT VIOLET --- */

        /* Haut (35%) pour gérer la traversée */

        radial-gradient(circle at 50% 10%, var(--glow-purple) 0%, var(--glow-purple-0) 35%),

        /* MILIEU (45%) : C'est ici qu'on ajoute un beau volume de couleur */

        radial-gradient(circle at 50% 50%, var(--glow-purple) 0%, var(--glow-purple-0) 45%),

        /* Bas (30%) : Reste discret */

        radial-gradient(circle at 50% 90%, var(--glow-purple) 0%, var(--glow-purple-0) 30%),



        /* --- HAUT (Héros) : Rayons un peu plus larges --- */

        radial-gradient(circle at var(--x-red-top, 10%) var(--y-red-top, 15%), var(--glow-red) 0%, var(--glow-red-0) 30%),

        radial-gradient(circle at var(--x-cyan-top, 90%) var(--y-cyan-top, 10%), var(--glow-cyan) 0%, var(--glow-cyan-0) 25%),

        

        /* --- BAS : Reste très compact pour garder du noir profond --- */

        radial-gradient(circle at var(--x-red-bot, 10%) var(--y-red-bot, 85%), var(--glow-red) 0%, var(--glow-red-0) 25%),

        radial-gradient(circle at var(--x-cyan-bot, 90%) var(--y-cyan-bot, 90%), var(--glow-cyan) 0%, var(--glow-cyan-0) 20%);

    

    min-height: 100vh;

}



/* --- AJUSTEMENT MOBILE (< 1024px) --- */

@media (max-width: 1024px) {

    .elementor-kit-15 {

        background-image: 

            radial-gradient(circle at 50% 10%, var(--glow-purple) 0%, var(--glow-purple-0) 30%),

            /* On donne aussi plus de volume au milieu sur mobile (40%) */

            radial-gradient(circle at 50% 50%, var(--glow-purple) 0%, var(--glow-purple-0) 40%),

            radial-gradient(circle at 50% 90%, var(--glow-purple) 0%, var(--glow-purple-0) 25%),

            radial-gradient(circle at var(--x-red-top, 15%) var(--y-red-top, 15%), var(--glow-red) 0%, var(--glow-red-0) 25%),

            radial-gradient(circle at var(--x-cyan-top, 85%) var(--y-cyan-top, 10%), var(--glow-cyan) 0%, var(--glow-cyan-0) 20%),

            radial-gradient(circle at var(--x-red-bot, 15%) var(--y-red-bot, 85%), var(--glow-red) 0%, var(--glow-red-0) 20%),

            radial-gradient(circle at var(--x-cyan-bot, 85%) var(--y-cyan-bot, 90%), var(--glow-cyan) 0%, var(--glow-cyan-0) 15%);

    }

}/* End custom CSS */