@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.groupe-page{color:#f5f8ff;background:#000}.groupe-page .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.groupe-page .section-header{text-align:center;max-width:840px;margin:0 auto 3rem}.groupe-page .section-header h2{margin-bottom:1rem;font-size:2.5rem}.groupe-page .section-header p{color:#dce4f0cc;line-height:1.6}.groupe-page .hero{isolation:isolate;background:radial-gradient(circle at 20% 30%,#00f2ff14,#0000 45%),radial-gradient(circle at 80% 20%,#8a2be21f,#0000 55%),#000;min-height:90vh;padding:5rem 1.5rem 4rem;position:relative;overflow:hidden}.groupe-page .hero .particles-container,.groupe-page .hero .canvas-container{pointer-events:none;position:absolute;inset:0}.groupe-page .hero .particles-container{z-index:1}@media (max-width:480px){.groupe-page .hero .particles-container{display:none}}.groupe-page .hero .canvas-container{z-index:2;mix-blend-mode:screen;filter:drop-shadow(0 20px 80px #00f2ff40)}.groupe-page .hero .hero-overlay{z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 40%,#00f2ff0f,#0000 55%),radial-gradient(circle at 30% 60%,#8a2be20f,#0000 50%),linear-gradient(#00000014 0%,#000000a6 70%);position:absolute;inset:0}.groupe-page .hero .hero-content{z-index:4;text-align:center;border-radius:1.5rem;flex-direction:column;gap:1rem;max-width:1040px;margin:0 auto;padding:3rem 3rem 2rem;display:flex;position:relative;box-shadow:0 30px 120px #00000059}@media (max-width:768px){.groupe-page .hero .hero-content{padding:2rem 1.5rem}}.groupe-page .hero .eyebrow{color:#b9f6ff;letter-spacing:.04em;text-transform:uppercase;background:#00f2ff14;border:1px solid #00f2ff4d;border-radius:999px;justify-content:center;align-items:center;width:fit-content;margin:0 auto;padding:.25rem .5rem;font-size:.9rem;display:inline-flex;box-shadow:0 10px 40px #00f2ff2e}.groupe-page .hero h1{letter-spacing:-.02em;background:linear-gradient(135deg,#00f2ff 0%,#8a2be2 55%,#00f2ff 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;font-size:clamp(2.7rem,4vw,3.8rem);line-height:1.1}.groupe-page .hero p{color:#dce4f0db;max-width:820px;margin:0 auto;font-size:1.12rem;line-height:1.7}.groupe-page .hero .hero-actions{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}@media (max-width:768px){.groupe-page .hero .hero-actions{flex-direction:column;align-items:center;width:100%}}.groupe-page .hero .hero-meta{background:#00f2ff0d;border:1px solid #00f2ff24;border-radius:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;padding:1rem;display:grid}.groupe-page .hero .hero-meta div{text-align:center;background:#080c14cc;border:1px solid #8a2be21f;border-radius:.75rem;padding:.5rem;box-shadow:0 15px 40px #00000059}.groupe-page .hero .hero-meta div .label{color:#dce4f0b3;letter-spacing:.02em;margin-bottom:.25rem;font-size:.9rem;display:block}.groupe-page .hero .hero-meta div strong{color:#eaf4ff;font-size:1.05rem;display:block}.groupe-page .hero .g-hero-pills{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.groupe-page .hero .g-hero-pills div{color:#dec9ff;letter-spacing:.01em;background:#8a2be21f;border:1px solid #8a2be247;border-radius:999px;padding:.25rem 1rem;font-size:.95rem}.groupe-page .mission{padding:5rem 0}.groupe-page .mission .mission-grid{perspective:1200px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.groupe-page .mission .mission-card{flex-direction:column;gap:.5rem;display:flex}.groupe-page .mission .mission-card .icon{color:#8a2be2;background:linear-gradient(135deg,#00f2ff29,#8a2be21a);border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.groupe-page .mission .mission-card h3{font-size:1.25rem}.groupe-page .mission .mission-card p{color:#dce4f0c7;line-height:1.6}.groupe-page .structure{padding:5rem 0}.groupe-page .structure .timeline{perspective:1200px;flex-direction:column;gap:1.5rem;max-width:760px;margin:0 auto;display:flex;position:relative}.groupe-page .structure .timeline .connector{background:linear-gradient(#00f2ff99,#8a2be280);width:2px;height:32px;margin:0 auto}.groupe-page .structure .timeline .node{grid-template-columns:32px 1fr;align-items:start;gap:1rem;display:grid}.groupe-page .structure .timeline .node .dot{background:linear-gradient(135deg,#00f2ff,#8a2be2);border-radius:50%;width:16px;height:16px;margin-left:8px;box-shadow:0 0 20px #00f2ff66}.groupe-page .structure .timeline .node .content{background:#0f142299;border:1px solid #00f2ff1f;border-radius:1.5rem;padding:1.5rem;box-shadow:0 10px 30px #00000059}.groupe-page .structure .timeline .node .content h3{margin-bottom:.25rem}.groupe-page .structure .timeline .node .content p{color:#dce4f0c7}.groupe-page .structure .timeline .node.main .dot{width:18px;height:18px}.groupe-page .valeurs{padding:5rem 0}.groupe-page .valeurs .valeurs-grid{perspective:1200px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;display:grid}.groupe-page .valeurs .valeur-card{flex-direction:column;gap:.5rem;display:flex}.groupe-page .valeurs .valeur-card .icon{color:#8a2be2;background:#8a2be226;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.groupe-page .valeurs .valeur-card h3{font-size:1.2rem}.groupe-page .valeurs .valeur-card p{color:#dce4f0c7;line-height:1.6}
