:root{--bleu: #2563eb;--bleu-clair: #dbeafe;--bleu-fonce: #1e40af;--violet: #8b5cf6;--violet-clair: #f6ebfc;--violet-fonce: #6d28d9;--jaune: #fbbf24;--jaune-clair: #fef3c7;--jaune-fonce: #f59e0b;--gris-fonce: #1f2937;--gris-moyen: #6b7280;--gris-clair: #e5e7eb;--blanc: #ffffff;--vert: #10b981;--vert-fonce: #059669}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Louis George Cafe;src:url(/assets/Louis%20George%20Cafe-B32zr_b5.ttf) format("truetype")}body{font-family:Louis George Cafe}.conteneur-app{min-height:100vh;background-color:#f9fafb;padding:24px}.enveloppe-entete{max-width:896px;margin:0 auto -20px}.entete{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.icone{width:24px;height:24px;color:#333}.menu-deroulant{position:absolute;top:0;right:0;height:27vh;background:var(--blanc);border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:300px;z-index:90;overflow:hidden}.element-menu{width:100%;padding:12px 16px;border:none;background:var(--blanc);text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:15px;transition:background .2s}.element-menu:hover{background:#f8f9fa}.element-menu.deconnexion{color:#e53e3e}.icone-menu{width:20px;height:20px}.nom-utilisateur{margin-top:15px;font-weight:700;padding:12px 16px}.email-utilisateur{padding:12px 16px}.menu-entree-active,.menu-sortie-active{transition:all .2s ease}.menu-entree-from,.menu-sortie-to{opacity:0;transform:translateY(-10px)}.titre{font-size:28px;font-weight:700;color:var(--gris-fonce);display:flex;align-items:center;gap:8px}.bouton-utilisateur{position:absolute;top:24px;right:24px;width:40px;height:40px;border-radius:50%;background-color:var(--bleu-clair);border:none;cursor:pointer;transition:background-color .2s;z-index:1000}.bouton-utilisateur:hover{background-color:var(--bleu-clair);filter:brightness(.95)}.bouton-utilisateur .icone{width:20px;height:20px;color:var(--bleu)}.sous-titre{color:var(--gris-moyen);font-size:16px}.enveloppe-cours{max-width:896px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.carte-cours{background-color:var(--blanc);border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--gris-clair);transition:box-shadow .2s}.carte-cours:hover{box-shadow:0 4px 6px #0000001a}.carte-premium{border:2px solid var(--jaune)}.conteneur-badge{display:flex;justify-content:flex-end;margin-bottom:8px}.badge-premium{background-color:var(--jaune);color:#78350f;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.icone-badge{width:12px;height:12px}.contenu-article{max-width:800px;margin:0 auto}.titre-principal{font-size:28px;font-weight:700;color:var(--gris-fonce);margin-bottom:32px;text-align:center}.sous-titre-article{font-size:22px;font-weight:700;color:var(--gris-fonce);margin-top:32px;margin-bottom:16px}.paragraphe{font-size:16px;line-height:1.8;color:#374151;margin-bottom:20px}.lien-routines{color:var(--bleu);text-decoration:underline}.lien-routines:hover{color:var(--bleu-fonce)}.conteneur-image{margin:32px 0;text-align:center}.image-article{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}.contenu-cours{display:flex;align-items:flex-start;gap:16px}.icone-cours{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.fond-bleu{background-color:var(--bleu-clair)}.fond-violet{background-color:var(--violet-clair)}.fond-jaune{background-color:var(--jaune-clair)}.info-cours{flex:1}.titre-cours{font-size:20px;font-weight:700;color:var(--gris-fonce);margin-bottom:8px}.description-cours{font-size:14px;color:var(--gris-moyen);margin-bottom:12px}.compteur-videos{display:flex;align-items:center;gap:8px;color:var(--gris-moyen);font-size:14px}.icone-lecture{width:16px;height:16px}.enveloppe-cours{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.titre-cours{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .5rem}.description-cours{color:var(--gris-moyen);margin:0 0 1rem;line-height:1.5}.badge-compteur-videos{display:inline-flex;align-items:center;gap:.5rem;background:#f3f4f6;padding:.5rem 1rem;border-radius:8px;color:#374151;font-size:.875rem;font-weight:600}.barre-progression-container{margin-top:1.5rem;display:flex;align-items:center;gap:1rem}.barre-progression{flex:1;height:10px;background:var(--gris-clair);border-radius:999px;overflow:hidden}.barre-remplie{height:100%;background:var(--vert);border-radius:999px;transition:width .5s ease}.pourcentage-texte{font-weight:700;color:var(--vert)}.liste-videos{display:grid;gap:1rem}.carte-video{background:var(--blanc);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;border:2px solid transparent;border-left:4px solid;margin-bottom:10px}.carte-video:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.carte-video.completee{border-color:var(--vert)}.bouton-cours{width:100%;margin-top:16px;padding:12px;border-radius:12px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s;background-color:#eff6ff;color:var(--bleu);font-size:16px}.bouton-cours:hover{background-color:var(--bleu-clair)}.bouton-premium{background-color:var(--jaune-clair);color:var(--jaune-fonce)}.bouton-premium:hover{background-color:#fde68a}.fleche{font-size:20px}.carte-progression{cursor:pointer}.contenu-progression{display:flex;align-items:center;justify-content:space-between}.info-progression{display:flex;align-items:center;gap:16px}.icone-progression{width:48px;height:48px;border-radius:12px;background-color:#eef2ff;display:flex;align-items:center;justify-content:center}.icone-progression .icone{width:24px;height:24px;color:var(--bleu)}.titre-progression{font-size:18px;font-weight:700;color:var(--gris-fonce);margin-bottom:4px}.sous-titre-progression{font-size:14px;color:var(--gris-moyen)}.icone-fleche{color:#9ca3af;font-size:24px;transition:color .2s}.carte-progression:hover .icone-fleche{color:var(--gris-moyen)}.bouton-retour{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--gris-fonce);font-size:18px;font-weight:600;cursor:pointer;padding:8px 0;transition:color .2s}.bouton-retour:hover{color:var(--gris-moyen)}.bouton-retour .icone{width:20px;height:20px}.carte-entete-cours{margin-bottom:24px}.etat-vide{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.icone-vide{width:120px;height:120px;border-radius:50%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.icone-battement{width:64px;height:64px;color:var(--gris-clair);animation:pulsation 2s ease-in-out infinite}@keyframes pulsation{0%,to{opacity:1}50%{opacity:.5}}.texte-vide{font-size:16px;color:var(--gris-moyen);margin-bottom:24px}.sous-texte-vide{font-size:14px;color:var(--gris-moyen)}.bouton-actualiser{padding:12px 32px;background-color:var(--bleu);color:var(--blanc);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.bouton-actualiser:hover{background-color:var(--violet)}.progression-globale{display:flex;flex-direction:column;align-items:center;padding:24px 0}.conteneur-cercle-progression{position:relative;width:150px;height:150px;margin-bottom:24px}.cercle-progression{width:100%;height:100%;transform:rotate(-90deg)}.cercle-progression-fond{fill:none;stroke:var(--gris-clair);stroke-width:8}.cercle-progression-remplissage{fill:none;stroke:var(--vert);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.pourcentage-progression{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:700;color:var(--vert)}.titre-progression-globale{font-size:20px;font-weight:700;color:var(--gris-fonce);margin-bottom:8px;text-align:center}.sous-titre-progression-globale{font-size:14px;color:var(--gris-moyen);text-align:center}.carte-stat{background:var(--blanc);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;align-items:center;border-left:4px solid}.stat-bleu{border-left-color:var(--bleu)}.stat-violet{border-left-color:var(--violet)}.stat-jaune{border-left-color:var(--jaune)}.icone-stat{font-size:1.8rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.liste-completes{margin-top:24px}.entete-completes{display:flex;align-items:center;gap:8px;margin-bottom:16px}.icone-trophee{width:24px;height:24px;color:var(--vert)}.titre-completes{font-size:18px;font-weight:700;color:var(--gris-fonce)}.icone-presse-papier{width:48px;height:48px;color:var(--gris-clair)}.conteneur-connexion,.conteneur-inscription{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5}.carte-connexion,.carte-inscription{background:var(--blanc);padding:40px;border-radius:12px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.carte-connexion h1,.carte-inscription h1{margin-bottom:8px;font-size:26px}.sous-titre{color:#666;margin-bottom:32px}.groupe-saisie{margin-bottom:16px}input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px}.btn-principal{width:100%;padding:14px;background:var(--vert);color:var(--blanc);border:none;border-radius:8px;font-size:16px;cursor:pointer;margin-top:8px}.btn-principal:hover{background:var(--vert-fonce)}.separateur{text-align:center;margin:24px 0;color:#999}.btn-google{width:100%;padding:12px;background:var(--blanc);border:1px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.erreur{color:#e53e3e;margin-top:12px;font-size:14px}.btn-fermer{background:none;border:none;color:#e53e3e;cursor:pointer}.lien-inscription,.lien-connexion{text-align:center;margin-top:24px;color:#666}.lien-inscription a,.lien-connexion a,.lien-mdp-oublie{color:var(--vert-fonce);font-size:15px;text-decoration:underline;border:none;background:none;cursor:pointer;margin-bottom:16px;font-weight:400}.conteneur-video-page{display:flex;justify-content:center;margin:40px 0}.lecteur-wrapper{width:100%}.lecteur-vimeo{width:100%;height:56.25vw}@media(max-aspect-ratio:9/16){.lecteur-vimeo{height:75vh;max-width:100vw}}.bouton-complete{width:100%;max-width:500px;margin:20px auto;padding:16px 24px;background-color:var(--gris-clair);border:2px solid var(--gris-clair);border-radius:12px;font-size:16px;font-weight:600;color:var(--gris-moyen);cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.bouton-complete:hover{border-color:#9ca3af}.bouton-complete.complete{background-color:var(--vert);border-color:var(--vert-fonce);color:var(--blanc)}.icone-check{width:24px;height:24px}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:#fff;padding:2rem;border-radius:12px;text-align:center;max-width:90%;width:400px}.modal-content.error{border:2px solid red}.spinner{border:4px solid var(--gris-clair);border-top:4px solid var(--bleu);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.conteneur-succes{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f9fafb;padding:24px;text-align:center}.conteneur-succes svg{width:64px;height:64px;color:var(--vert)}.description-cours,.description-video{white-space:pre-line}@media(max-width:640px){.conteneur-app{padding:16px}.titre{font-size:24px}.contenu-cours{flex-direction:column}.icone-cours{width:56px;height:56px;font-size:28px}.bouton-retour{font-size:16px}.icone-vide{width:100px;height:100px}.icone-battement{width:48px;height:48px}.conteneur-cercle-progression{width:130px;height:130px}.pourcentage-progression{font-size:32px}.icone-presse-papier{width:40px;height:40px}}