/* ========================= */
/* SECTION CODE */
/* ========================= */

.code{
padding:80px 0;
}

.code-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

/* IMAGE */

.code-image img{
width:100%;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
transition:transform .3s ease, box-shadow .3s ease;
}

.code-image img:hover{
transform:scale(1.03);
box-shadow:0 18px 45px rgba(0,0,0,0.25);
}


/* ========================= */
/* SECTION STAGE CODE */
/* ========================= */

.code-sessions{
padding:75px 0;
background:linear-gradient(180deg,#fafafa,#f3f3f3);
}

/* TITRE IMPACT */

.code-impact{
text-align:center;
margin-bottom:50px;
}

.code-impact h2{
font-size:44px;
font-weight:700;
margin-bottom:10px;

background:linear-gradient(90deg,#5a2ca0,#7a45c4,#b89cff);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.code-impact h2 span{
background:linear-gradient(90deg,#8cc63f,#b7e56d);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.code-impact p{
color:#666;
font-size:17px;
max-width:600px;
margin:auto;
}

/* GRID */

.code-session-grid{
display:grid;
grid-template-columns:1.6fr 1fr;
gap:65px;
align-items:start;
}


/* ========================= */
/* TABLEAU */
/* ========================= */

.code-table-wrapper{
background:white;
padding:35px;
border-radius:14px;
box-shadow:0 20px 40px rgba(0,0,0,0.08);
position:relative;
}

/* BULLE VERTE */

.code-table-wrapper::before{
content:"STAGE ACCÉLÉRÉ • 4 JOURS";
position:absolute;
top:-14px;
left:30px;

background:#8cc63f;
}

/* ========================= */
/* SECTION CODE */
/* ========================= */

.code{
padding:80px 0;
}

.code-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

/* IMAGE */

.code-image img{
width:100%;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
transition:transform .3s ease, box-shadow .3s ease;
}

.code-image img:hover{
transform:scale(1.03);
box-shadow:0 18px 45px rgba(0,0,0,0.25);
}


/* ========================= */
/* SECTION STAGE CODE */
/* ========================= */

.code-sessions{
padding:75px 0;
background:linear-gradient(180deg,#fafafa,#f3f3f3);
}

/* TITRE IMPACT */

.code-impact{
text-align:center;
margin-bottom:50px;
}

.code-impact h2{
font-size:44px;
font-weight:700;
margin-bottom:10px;

background:linear-gradient(90deg,#5a2ca0,#7a45c4,#b89cff);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.code-impact h2 span{
background:linear-gradient(90deg,#8cc63f,#b7e56d);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.code-impact p{
color:#666;
font-size:17px;
max-width:600px;
margin:auto;
}

/* GRID */

.code-session-grid{
display:grid;
grid-template-columns:1.6fr 1fr;
gap:65px;
align-items:start;
}


/* ========================= */
/* TABLEAU */
/* ========================= */

.code-table-wrapper{
background:white;
padding:35px;
border-radius:14px;
box-shadow:0 20px 40px rgba(0,0,0,0.08);
position:relative;
}

/* BULLE VERTE */

.code-table-wrapper::before{
content:"STAGE ACCÉLÉRÉ • 4 JOURS";
position:absolute;
top:-14px;
left:30px;

background:#8cc63f;
color:white;

font-size:13px;
padding:4px 12px;
border-radius:20px;

font-weight:600;
box-shadow:0 6px 15px rgba(0,0,0,0.15);
}

.code-title{
text-align:center;
}

/* TABLEAU */

.code-table{
width:100%;
border-collapse:collapse;
margin-top:20px;
}

.code-table thead{
background:var(--violet);
color:white;
}

.code-table th{
padding:15px;
text-align:left;
}

.code-table td{
padding:15px;
border-bottom:1px solid #eee;
color:#555;
}

.code-table-empty{
text-align:center;
font-weight:600;
color:#777;
}

.code-table tbody tr{
transition:background .2s ease;
}

.code-table tbody tr:hover{
background:#f2f2f2;
}

.code-info{
margin-top:18px;
color:#666;
font-size:14px;
}

/* OFFRE */

.code-offer{
margin-top:18px;
padding:14px 18px;
background:#f7fff3;
border-left:4px solid var(--vert);
border-radius:6px;
font-size:14px;
color:#444;
}


/* ========================= */
/* BLOC STAGE */
/* ========================= */

.code-stage-info{
background:linear-gradient(135deg,var(--violet),#7a3db0);
color:white;
padding:34px;
border-radius:16px;
box-shadow:0 20px 40px rgba(0,0,0,0.12);
margin-top:50px;

transition:transform .25s ease, box-shadow .25s ease;
}

.code-stage-info:hover{
transform:translateY(-6px);
box-shadow:0 32px 60px rgba(0,0,0,0.18);
}

.code-stage-info h3{
font-size:22px;
margin-bottom:30px;
text-align: center;
}

.code-stage-info ul{
list-style:none;
padding-left:0;
margin-bottom:25px;
}

.code-stage-info li{
margin-bottom:10px;
padding-left:20px;
position:relative;
}

.code-stage-info li::before{
content:"✔";
position:absolute;
left:0;
color:#9cff8b;
}

/* BOUTON */

.code-stage-info .btn{
display:block;
background:white;
color:var(--violet);
font-weight:600;
width:100%;
text-align:center;
padding:12px 0;

transition:background .25s ease, color .25s ease;
}

.code-stage-info .btn:hover{
background:var(--vert);
color:white;
}


/* ========================= */
/* SECTION CODE EN LIGNE */
/* ========================= */

.code-online{
padding:90px 0;
background:white;
border-top:1px solid #eee;
}

.code-online-header{
text-align:center;
margin-bottom:60px;
}

.code-online-header h2{
font-size:34px;
color:var(--violet);
margin-bottom:10px;
}

.code-online-header p{
color:#666;
max-width:600px;
margin:auto;
line-height:1.6;
}


/* CARTES */

.code-online-cards{
display:flex;
gap:40px;
justify-content:center;
flex-wrap:wrap;
}


/* CARTE */

.code-platform{
background:white;
padding:40px;
border-radius:16px;
box-shadow:0 20px 40px rgba(0,0,0,0.08);
max-width:360px;
text-align:center;
position:relative;

display:flex;
flex-direction:column;

transition:transform .25s ease, box-shadow .25s ease;
}

/* hover grossissement */

.code-platform:hover{
transform:scale(1.06);
box-shadow:0 35px 70px rgba(0,0,0,0.18);
}

/* barre violette */

.code-platform::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,var(--violet),#b89cff);
border-radius:16px 16px 0 0;
}

/* TITRE */

.code-platform h3{
color:var(--violet);
margin-bottom:15px;
}

/* TEXTE */

.code-platform p{
color:#555;
line-height:1.6;
margin-bottom:25px;
}

/* BOUTON ALIGNÉ */

.code-platform .btn{
margin-top:auto;
align-self:center;

transition:transform .2s ease, box-shadow .2s ease;
}

.code-platform .btn:hover{
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}


/* TEXTE ACCES */

.code-access{
text-align:center;
margin-top:40px;
color:#555;
font-size:15px;
}



/* ========================= */
/* RESPONSIVE */
/* ========================= */

@media(max-width:900px){

.code-session-grid{
grid-template-columns:1fr;
}

.code-grid{
grid-template-columns:1fr;
}

.code-online-cards{
flex-direction:column;
align-items:center;
}

.footer-content{
flex-direction:column;
gap:10px;
}

}