.steps li margin: 0.7rem 0; line-height: 1.4;
/* modal styling */ .modal display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(10px); justify-content: center; align-items: center; z-index: 1000;
// Fermer modale via bouton if (closeModalBtn) closeModalBtn.addEventListener('click', () => closeModal(); ); telecharger windows 11 lite 64 bits francais iso
.feature-list li::before content: "✓"; color: #2eff9e; font-weight: bold; font-size: 1.2rem; background: rgba(46, 255, 158, 0.15); width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;
.feature-list li margin-bottom: 0.8rem; display: flex; align-items: center; gap: 0.7rem; font-size: 1rem; .steps li margin: 0.7rem 0
.modal-close background: #2d3e6e; border: none; padding: 0.6rem 1.4rem; border-radius: 60px; color: white; font-weight: bold; cursor: pointer; margin-top: 1rem;
.card h3 font-size: 1.7rem; font-weight: 600; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.6rem; .feature-list li::before content: "✓"
<!-- DOWNLOAD CARD with simulated action --> <div class="download-zone" id="downloadSection"> <span style="background: #00a86b20; padding: 0.2rem 1rem; border-radius: 30px; font-size: 0.8rem;">🔒 Téléchargement sécurisé (ISO officieuse)</span> <div style="margin: 1.2rem 0 0.8rem;"> <button class="download-btn" id="mainDownloadBtn"> ⬇️ Télécharger Windows 11 Lite ISO <span style="font-size: 0.9rem;">🇫🇷 FR</span> </button> </div> <div class="iso-info"> <span>📁 windows11_lite_x64_fr.iso</span> <span>🔐 SHA-256: 7F3A...C9E2</span> <span>⚡ Version 23H2 (Lite Édition 2025)</span> </div> </div>
function closeModal() if (modal) modal.style.display = 'none';