:root {
    --platform: #312e3a5c;
    --box: #43424e;
    --bg: radial-gradient(900px 600px at 5% -10%, rgba(124, 92, 255, .25), transparent 60%),
        radial-gradient(900px 600px at 120% 10%, rgba(78, 163, 255, .25), transparent 55%),
        #0b0d10;
    --bg-light: radial-gradient(900px 600px at 5% -10%, rgba(124, 92, 255, .25), transparent 60%),
        radial-gradient(900px 600px at 120% 10%, rgba(78, 163, 255, .25), transparent 55%),
        #f0f0f3;
    --muted: #9aa4b2;
    --text: #e8ecf1;
    --brand1: #7c5cff;
    --brand2: #4ea3ff;
    --ring: rgba(124, 92, 255, .35);
    --radius: 16px;
}

body {
    
    min-height: 100vh;
}

.bglinear {
    background: linear-gradient(135deg, var(--brand1), var(--brand2));
    transition: filter .2s ease;
}
.bglinear:hover {
    filter: brightness(1.05);
}
/* #sliderActu .swiper-wrapper {
    transition-duration: 1000ms!important;
} */
.swiper-pagination-bullet {
    background: linear-gradient(135deg, var(--brand1), var(--brand2))!important;
    transition: filter .2s ease!important;
    opacity: .3!important;
}

.swiper-pagination-bullet-active {
    opacity: 1!important;
}

.bg-circle-gradient {
    mask: linear-gradient(#000 0 0) exclude,
        radial-gradient(480px 260px at -5% -30%, #000 98%, transparent 100%);
}