.hero-section{text-align:center;padding:var(--space-2xl) var(--space-md);}.hero-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--bleu-profond);margin-bottom:var(--space-md);}.hero-subtitle{font-size:var(--text-lg);color:var(--gris-texte);max-width:600px;margin:0 auto var(--space-lg);}.progress-bar-container{display:flex;align-items:center;gap:var(--space-sm);}.progress-bar{width:100px;height:6px;background:var(--gris-clair);border-radius:3px;overflow:hidden;}.progress-fill{height:100%;background:var(--vert-doux);border-radius:3px;transition:width var(--trans-med);}#progress-text{font-size:var(--text-sm);color:var(--gris-doux);font-weight:600;}.access-cards{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin:var(--space-xl) 0;}@media (min-width:600px){.access-cards{grid-template-columns:repeat(2,1fr);}}.access-card{background:var(--fond-carte);border:1px solid var(--gris-clair);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all var(--trans-base);border-left:4px solid var(--turquoise);}.access-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.student-card{border-left-color:var(--turquoise);}.educator-card{border-left-color:var(--violet-doux);}.access-card h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--bleu-profond);margin-bottom:var(--space-sm);}.access-card p{color:var(--gris-texte);font-size:var(--text-sm);margin-bottom:var(--space-md);}.access-button{display:inline-flex;align-items:center;justify-content:center;min-width:200px;padding:var(--space-sm) var(--space-lg);background:var(--turquoise);color:var(--blanc);border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:all var(--trans-fast);}.access-button:hover{background:var(--bleu-profond);color:var(--blanc);}.educator-card .access-button{background:var(--violet-doux);}.educator-card .access-button:hover{background:var(--bleu-profond);}.modules-section{margin:var(--space-2xl) 0;}.section-header{text-align:center;margin-bottom:var(--space-xl);}.section-header h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--vert-doux);margin-bottom:var(--space-sm);}.section-header p{color:var(--gris-doux);}.modules-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);}@media (min-width:600px){.modules-grid{grid-template-columns:repeat(2,1fr);}}@media (min-width:900px){.modules-grid{grid-template-columns:repeat(3,1fr);}}.card{background:var(--fond-carte);border:1px solid var(--gris-clair);border-radius:var(--radius-lg);padding:var(--space-lg);text-decoration:none;transition:all var(--trans-base);display:flex;flex-direction:column;position:relative;overflow:hidden;}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--turquoise);}.card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);}.card-number{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-circle);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--blanc);transition:all var(--trans-base);}.card:nth-child(1) .card-number{background:var(--rose-doux);}.card:nth-child(2) .card-number{background:var(--bleu-moyen);}.card:nth-child(3) .card-number{background:var(--jaune-soleil);color:var(--bleu-profond);}.card:nth-child(4) .card-number{background:var(--vert-doux);}.card:nth-child(5) .card-number{background:var(--turquoise);}.card:nth-child(6) .card-number{background:var(--violet-doux);}.card-number.completed{position:relative;}.card-number.completed::after{content:'✓';position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;background:var(--vert-doux);border-radius:var(--radius-circle);font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid var(--fond-carte);}.card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--bleu-profond);margin:0;}.card-emoji{font-size:var(--text-2xl);}.card-description{color:var(--gris-texte);font-size:var(--text-sm);line-height:1.6;flex-grow:1;}.card-duration{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--gris-doux);margin-top:var(--space-md);}.bonus-section{margin:var(--space-2xl) 0;text-align:center;}.bonus-section h3{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--bleu-profond);margin-bottom:var(--space-sm);}.bonus-section p{color:var(--gris-texte);margin-bottom:var(--space-lg);}.bonus-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);}@media (min-width:720px){.bonus-grid{grid-template-columns:repeat(2,1fr);}}.bonus-card .card-number{background:var(--card-color);color:var(--blanc);}.card.featured::before{content:'Commence ici !';position:absolute;top:var(--space-sm);right:var(--space-sm);background:var(--jaune-soleil);color:var(--bleu-profond);font-size:var(--text-xs);font-weight:600;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);}.challenge-card{background:var(--fond-carte);border:2px solid var(--jaune-soleil);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-lg);text-decoration:none;transition:all var(--trans-base);margin-top:var(--space-lg);}.challenge-card:hover{box-shadow:0 0 30px rgba(212,169,0,0.3);transform:translateY(-2px);}.challenge-icon{font-size:var(--text-3xl);flex-shrink:0;}.challenge-content h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--jaune-soleil);margin-bottom:var(--space-xs);}.challenge-content p{color:var(--gris-texte);font-size:var(--text-sm);}.philosophy-section{border-top:2px solid var(--gris-clair);padding-top:var(--space-xl);margin-top:var(--space-2xl);text-align:left;}.philosophy-section h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--vert-doux);margin-bottom:var(--space-md);}.philosophy-section p{color:var(--gris-texte);max-width:700px;margin:0 auto var(--space-md);text-align:justify;text-justify:inter-word;}.about-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:2px solid var(--violet-doux);color:var(--violet-doux);border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:all var(--trans-fast);}.about-link:hover{background:var(--violet-doux);color:var(--blanc);}