.cs-home-pillars{position:relative;overflow:hidden;padding:174px 54px 24px;background:#031126;color:#fff;border-bottom:1px solid rgba(39,157,255,.22)}
.cs-home-pillars__bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(0,148,255,.16),transparent 38%),linear-gradient(180deg,rgba(2,12,28,.6),rgba(2,13,31,.96)),url('../img/Serveur2.jpg') center/cover no-repeat;opacity:.78}
.cs-home-pillars__container{position:relative;z-index:2;max-width:1450px}
.cs-home-pillars__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cs-pillar-card{position:relative;min-height:465px;overflow:hidden;border:1px solid #159cf1;border-radius:18px;background:linear-gradient(160deg,rgba(5,28,58,.95),rgba(3,15,34,.98));box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)}
.cs-pillar-card--shield{border-color:#17d878;background:linear-gradient(160deg,rgba(3,47,46,.96),rgba(2,19,27,.98))}
.cs-pillar-card__media{position:absolute;inset:0;opacity:.42;background-position:center;background-size:cover;filter:saturate(1.15) contrast(1.08)}
.cs-pillar-card--portal .cs-pillar-card__media{background-image:linear-gradient(90deg,rgba(3,15,34,.08),rgba(3,15,34,.9) 70%),url('../img/Serveur1.jpg')}
.cs-pillar-card--shield .cs-pillar-card__media{background-image:linear-gradient(90deg,rgba(3,26,25,.9),rgba(3,26,25,.15)),url('../img/Serveur3.jpg')}
.cs-pillar-card--web .cs-pillar-card__media{background-image:linear-gradient(90deg,rgba(3,15,34,.86),rgba(3,15,34,.18)),url('../img/collection-nova-preview.webp')}
.cs-pillar-card__content{position:relative;z-index:2;padding:28px 28px 24px;display:flex;flex-direction:column;height:100%}
.cs-pillar-card__icon{width:76px;height:76px;margin:0 auto 14px;border:2px solid #16a9ff;border-radius:50%;display:grid;place-items:center;font-size:31px;color:#4cc7ff;box-shadow:0 0 0 10px rgba(23,169,255,.08),0 0 30px rgba(23,169,255,.36)}
.cs-pillar-card--shield .cs-pillar-card__icon{border-color:#24e984;color:#35f594;box-shadow:0 0 0 10px rgba(36,233,132,.08),0 0 30px rgba(36,233,132,.32)}
.cs-pillar-card h1,.cs-pillar-card h2{font:700 30px/1.08 'Rubik',sans-serif;text-transform:uppercase;margin:0;color:#fff;text-align:center}
.cs-pillar-card h1 em,.cs-pillar-card h2 em{display:block;font-style:normal;color:#199eff;margin-top:3px}
.cs-pillar-card--shield h2 em{color:#2ee878}
.cs-pillar-card__line{width:105px;height:2px;margin:14px auto 16px;background:linear-gradient(90deg,#16a9ff,transparent)}
.cs-pillar-card--shield .cs-pillar-card__line{background:linear-gradient(90deg,#24e984,transparent)}
.cs-pillar-card p{font-size:16px;line-height:1.55;color:#ecf6ff;margin:0 0 14px;max-width:360px}
.cs-pillar-card ul{list-style:none;padding:0;margin:0 0 20px;font-size:15px;line-height:1.65}
.cs-pillar-card li{display:flex;gap:10px;align-items:flex-start}
.cs-pillar-card li i{color:#18a9ff;margin-top:5px}
.cs-pillar-card--shield li i{color:#2ee878}
.cs-pillar-card__button{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px;border-radius:7px;background:linear-gradient(90deg,#0878ec,#16baf4);color:white!important;font-weight:800;text-transform:uppercase;text-decoration:none;box-shadow:0 10px 25px rgba(5,130,241,.22);transition:.2s transform,.2s filter}
.cs-pillar-card--shield .cs-pillar-card__button{background:linear-gradient(90deg,#049c45,#14cb66)}
.cs-pillar-card__button:hover{transform:translateY(-2px);filter:brightness(1.1)}
.cs-home-pillars__arrow{position:absolute;z-index:4;top:47%;width:54px;height:54px;border-radius:50%;border:1px solid rgba(41,163,255,.55);background:rgba(2,17,38,.82);color:white;font-size:21px}
.cs-home-pillars__arrow--prev{left:10px}.cs-home-pillars__arrow--next{right:10px}
.cs-home-pillars__dots{display:flex;justify-content:center;gap:12px;padding-top:18px}
.cs-home-pillars__dots span{width:10px;height:10px;border-radius:50%;background:#8290a5}.cs-home-pillars__dots span.active{width:22px;border-radius:8px;background:#0aa9ff}
@media(max-width:1100px){.cs-home-pillars{padding-left:28px;padding-right:28px}.cs-home-pillars__grid{grid-template-columns:1fr}.cs-pillar-card{min-height:420px}.cs-home-pillars__arrow{display:none}.cs-pillar-card__content{padding:26px 34px}.cs-pillar-card p{max-width:none}}
@media(max-width:575px){.cs-home-pillars{padding:22px 12px 18px}.cs-pillar-card{min-height:0}.cs-pillar-card__content{padding:23px 20px}.cs-pillar-card h1,.cs-pillar-card h2{font-size:26px}.cs-pillar-card p{font-size:15px}.cs-pillar-card ul{font-size:14px}}