@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap";:root{--primary-color:#032139;--secondary-color:#2e92ea;--accent-color:#2e92ea;--orange-color:#f69416;--concept-orange:#f39c12;--text-main:#032139;--text-muted:#032139b3;--bg-color:#fff;--glass-bg:#fffc;--glass-border:#0321391a}.lms-wrapper{background:var(--bg-color);min-height:calc(100vh - 100px);display:flex}.lms-sidebar{border-right:1px solid var(--glass-border);background:#03213908;flex-shrink:0;width:300px;padding:30px 20px;overflow-y:auto}.lms-sidebar h3{color:var(--text-main);margin-bottom:15px;font-size:1.2rem}.sidebar-mode-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;margin-bottom:20px;padding:4px;display:flex}.mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .3s}.mode-btn.active{color:var(--accent-color);background:#fff;box-shadow:0 2px 5px #0000000d}.mode-btn:hover:not(.active){color:var(--text-main)}.chapter-list{padding:0;list-style:none}.chapter-item{margin-bottom:15px}.chapter-title{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;color:var(--text-main);border-radius:6px;justify-content:space-between;align-items:center;padding:12px 15px;font-weight:600;transition:all .3s;display:flex}.chapter-title:hover:not(.locked):not(.active){border-color:var(--accent-color);color:var(--accent-color)}.chapter-title.locked{opacity:.6;cursor:not-allowed;background:#00000005}.chapter-title.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.chapter-sections{border-left:2px solid var(--glass-border);margin-left:15px;padding:10px 0 10px 15px;list-style:none;display:none}.chapter-item.open .chapter-sections{display:block}.section-item{color:var(--text-muted);cursor:pointer;border-radius:4px;padding:8px 10px;font-size:.95rem;transition:background .3s}.section-item:hover{color:var(--text-main);background:#0321390d}.section-item.active .section-title-wrap{color:var(--accent-color);font-weight:600}.sub-points-list{border-top:1px dashed var(--glass-border);margin-top:5px;padding:5px 0 0 10px;list-style:none}.sub-point-item{color:var(--text-muted);align-items:center;padding:6px 0;font-size:.85rem;transition:color .3s;display:flex}.sub-point-item:hover{color:var(--text-main)}.sub-point-item.active{color:var(--accent-color);font-weight:500}.sub-point-item .sp-dot{background:var(--text-muted);border-radius:50%;width:4px;height:4px;margin-right:8px;display:inline-block}.sub-point-item.active .sp-dot{background:var(--accent-color)}.lms-main{flex-grow:1;max-width:900px;padding:40px 60px;overflow-y:auto}.lms-content h2{color:var(--text-main);margin-bottom:30px;font-size:2.2rem}.lms-content h3{color:var(--accent-color);margin-top:40px;margin-bottom:20px;font-size:1.5rem}.lms-content p{color:var(--text-main);margin-bottom:20px;font-family:inherit;font-size:1.15rem;font-weight:400;line-height:1.8}.exemple-box{border-left:4px solid var(--orange-color);background:#f694161a;border-radius:0 8px 8px 0;margin:30px 0;padding:20px}.info-box{border-left:5px solid var(--primary-color);color:var(--text-main);background:linear-gradient(135deg,#e8f4f8,#f4faff);border-radius:0 12px 12px 0;margin:30px 0;padding:25px 30px;font-family:inherit;font-size:1.15rem;line-height:1.8;position:relative;box-shadow:0 5px 15px #0321390d}.info-box:before{content:"";background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%232e92ea\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:22px 22px;border:2px solid #2e92ea;border-radius:50%;width:40px;height:40px;position:absolute;top:-15px;left:-15px;box-shadow:0 2px 8px #03213926}.warning-box{border-left:5px solid var(--orange-color);color:var(--text-main);background:linear-gradient(135deg,#fff5f5,#fff0f0);border-radius:0 12px 12px 0;margin:30px 0;padding:25px 30px;font-family:inherit;font-size:1.15rem;line-height:1.8;position:relative;box-shadow:0 5px 15px #f694160d}.warning-box:before{content:"";background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23f69416\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:20px 20px;border:2px solid #f69416;border-radius:50%;width:40px;height:40px;position:absolute;top:-15px;left:-15px;box-shadow:0 2px 8px #f6941633}.concept-box{border:1px solid var(--glass-border);background:#fff;border-radius:12px;margin:30px 0;padding:25px;box-shadow:0 10px 30px #00000008}.synaps-list{margin:20px 0;padding-left:20px;list-style:none}.synaps-list>li{color:var(--text-main);margin-bottom:15px;padding-left:35px;font-family:inherit;font-size:1.15rem;line-height:1.7;position:relative}.synaps-list>li:before{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 779.58 779.44\"><defs><linearGradient id=\"g\" y1=\"389.72\" x2=\"779.58\" y2=\"389.72\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0.17\" stop-color=\"%23032139\"/><stop offset=\"1\" stop-color=\"%232e92ea\"/></linearGradient></defs><path fill=\"url(%23g)\" d=\"M779.58,388.67c-.31,215.72-172.74,390.48-389.5,390.77A388.72,388.72,0,0,1,0,391C-.73,175.22,172.42.67,389.18,0,603.43-.66,778.52,172.21,779.58,388.67ZM389.51,750.76c199.24.13,360.74-161.09,361.18-360.58C751.13,191,589.34,28.91,389.85,28.76,190.65,28.6,29.12,189.86,28.67,389.34,28.23,588.55,190.05,750.62,389.51,750.76Z\"/><path fill=\"url(%23g)\" d=\"M207.61,543.92c20-30.15,39.81-60.11,59.92-90.49,1.48,1.07,2.8,2,4,2.95,31.7,25.4,67.27,42.31,107.69,47.89,18.84,2.6,37.62,1.92,55.32-6.31a38.65,38.65,0,0,0,10-6.51c8.07-7.51,8-18.59-.9-25.06a66.71,66.71,0,0,0-19.54-9.59c-22.44-6.79-45.2-12.52-67.67-19.24-30.32-9.07-59.22-21.29-84.23-41.27-34.43-27.49-49.5-63.4-46.16-107.13a9.51,9.51,0,0,1,3.53-6.35c23.4-15.89,34.92-37.83,34-66.08a9.43,9.43,0,0,1,3.78-8.46c24.66-20.78,53.45-32.4,84.94-37.14,52.57-7.9,103.94-3.71,153.23,17.65a191.49,191.49,0,0,1,44.15,26.1c1.8,1.44,3.53,3,5.7,4.84l-54,90.75c-20.54-17.08-43.81-27.39-69.13-33.17-21.17-4.83-42.53-6.53-63.72-.39a49.42,49.42,0,0,0-15.77,8.18c-7,5.32-7.63,14.44-1.33,20.6a63.14,63.14,0,0,0,15.81,11c16.51,8.25,34.58,11.7,52.35,16.09,37.92,9.36,74.21,22.39,105.37,47.05,30.8,24.38,47.22,55.87,47.31,95.26,0,9.39-2.2,18.79-3.33,28.19-.33,2.69-1.53,3.91-4.38,4.38C527,514,500.68,544.81,500.71,582.62c0,3.51-1,5.3-4.16,6.84A207.5,207.5,0,0,1,409.5,611q-110.38,3.15-198.31-64C210,546.11,209,545.09,207.61,543.92Z\"/><path fill=\"%232e92ea\" d=\"M638.63,582.41a62.44,62.44,0,1,1-124.88-.56c.13-34.24,28.33-62.12,62.72-62A62.58,62.58,0,0,1,638.63,582.41Z\"/><path fill=\"%23032139\" d=\"M190.47,281.64a60.89,60.89,0,1,1,61.1-60.42A61.15,61.15,0,0,1,190.47,281.64Z\"/><path fill=\"%23032139\" d=\"M515,643.87a27.39,27.39,0,1,1-27.25,27.42A27.55,27.55,0,0,1,515,643.87Z\"/><path fill=\"%23032139\" d=\"M227.32,131.66a9.41,9.41,0,1,1,9.26-9.79A9.56,9.56,0,0,1,227.32,131.66Z\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:contain;width:24px;height:24px;position:absolute;top:6px;left:0}.synaps-sublist,.synaps-list>li>ul{margin:10px 0;padding-left:25px;list-style:none}.synaps-sublist li,.synaps-list>li>ul>li{color:var(--text-main);margin-bottom:15px;padding-left:30px;font-family:inherit;font-size:1.15rem;line-height:1.7;list-style:none;position:relative}.synaps-sublist li:before,.synaps-list>li>ul>li:before{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"522 0 257 254\"><path fill=\"%23f69416\" d=\"M522.2,0H778.29V253.86C731.57,130.43,646.57,46,522.2,0Z\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;position:absolute;top:8px;left:0}.concept-key-blue{color:var(--primary-color);font-weight:700}.concept-key-orange{color:var(--orange-color);font-weight:700}.lms-content h4{color:var(--text-main);border-left:4px solid var(--primary-color);background:#0321390d;border-radius:8px;margin-top:35px;margin-bottom:20px;padding:15px 20px;font-size:1.3rem}.section-main-title{font-family:var(--font-heading);color:var(--primary-color);border-bottom:2px solid #2e92ea33;margin-bottom:30px;padding-bottom:10px;font-size:2.2rem}.storytime-banner{border:1px dashed var(--accent-color);text-align:center;background:linear-gradient(135deg,#03213905,#2e92ea0d);border-radius:12px;margin:60px 0 40px;padding:40px}.storytime-icon{color:var(--orange-color);text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:1.5rem;font-weight:700}.storytime-banner .story-title{color:var(--text-main);font-size:1.8rem;font-family:var(--font-heading);margin-bottom:30px}.story-content-box{background:#2e92ea08;border:2px solid #2e92ea4d;border-radius:12px;margin:40px 0;padding:40px;box-shadow:0 10px 30px #03213908}.story-content-box.hidden{display:none}.story-title-inline{color:var(--accent-color);font-size:1.6rem;font-family:var(--font-heading);border-bottom:1px solid #2e92ea33;margin-bottom:25px;padding-bottom:15px}.qcm-container{border:1px solid var(--glass-border);background:#fff;border-radius:16px;margin-top:40px;padding:30px;box-shadow:0 10px 30px #0000000f}.qcm-container h3{color:var(--text-main);margin-top:0;margin-bottom:8px;font-size:1.4rem}.qcm-container p.qcm-subtitle{color:#64748b;margin-bottom:25px;font-size:.95rem}.qcm-header-meta{color:var(--text-main);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.95rem;font-weight:600;display:flex}.qcm-badge{color:var(--text-main);background:#03213914;border-radius:20px;padding:4px 12px;font-size:.85rem}.qcm-progress-track{background:#03213914;border-radius:10px;width:100%;height:8px;margin-bottom:25px;overflow:hidden}.qcm-progress-fill{background:linear-gradient(90deg,#032139,#2e92ea);border-radius:10px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.qcm-step{animation:.3s ease-in-out qcmFadeIn;display:none}.qcm-step.active{display:block}.qcm-step-title{color:var(--text-main);margin-bottom:20px;font-size:1.15rem;font-weight:600;line-height:1.5}.qcm-option{cursor:pointer;background:#03213905;border:1.5px solid #0321391a;border-radius:10px;align-items:flex-start;margin-bottom:12px;padding:16px;line-height:1.45;transition:all .2s;display:flex}.qcm-option:hover{background:#0321390f;border-color:#03213940}.qcm-option.selected{background:#0284c70f;border-color:#0284c7}.qcm-option input{cursor:pointer;flex-shrink:0;margin-top:3px;margin-right:14px}.qcm-feedback{border-radius:8px;margin-top:20px;padding:16px;font-weight:500;line-height:1.5;display:none}.qcm-feedback.success{color:#1e7e44;background:#2ecc7126;border:1px solid #2ecc71;display:block}.qcm-feedback.error{color:#a93226;background:#e74c3c1f;border:1px solid #e74c3c;animation:.5s shake;display:block}.qcm-actions-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;display:flex}.qcm-actions-right{gap:12px;margin-left:auto;display:flex}.qcm-already-unlocked-banner{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px;padding:10px 16px;font-size:.88rem;display:flex}.qcm-unlocked-tag{align-items:center;gap:6px;font-weight:600;display:flex}.btn-link-orange{color:#b45309;cursor:pointer;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-link-orange:hover{color:#92400e;background:#fde68a}@keyframes qcmFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.lms-setup{max-width:800px;margin:20px auto 0;padding:40px 20px}.parcours-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px;display:grid}.parcours-card{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;text-align:left;border-radius:12px;padding:25px;transition:all .3s}.parcours-card:hover,.parcours-card.selected{border-color:var(--orange-color);transform:translateY(-5px);box-shadow:0 10px 20px #f694161a}.parcours-card h4{color:var(--text-main);margin-bottom:10px;font-size:1.2rem}.parcours-card p{color:var(--text-muted);font-size:.9rem}.lms-navigation{border-top:1px solid var(--glass-border);justify-content:space-between;margin-top:50px;padding-top:20px;display:flex}.reading-time-badge{color:var(--text-muted,#7f8c8d);background:#0321390d;border-radius:20px;align-items:center;gap:6px;margin-top:-8px;margin-bottom:20px;padding:4px 12px;font-size:.82rem;font-weight:500;display:inline-flex}.lms-mobile-bar{border-bottom:1px solid var(--glass-border);z-index:90;background:#fff;justify-content:space-between;align-items:center;padding:10px 16px;display:none;position:sticky;top:70px;box-shadow:0 2px 8px #00000008}.lms-mobile-menu-btn{background:var(--primary-color,#032139);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex}.lms-sidebar-close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;display:none;position:absolute;top:15px;right:15px}.lms-sidebar-close-btn:hover{color:var(--text-main);background:#0000000d}.lms-sidebar-backdrop{z-index:998;opacity:0;background:#00000073;transition:opacity .3s;display:none;position:fixed;inset:0}.lms-sidebar-backdrop.active{opacity:1;display:block}@media (width<=768px){.lms-mobile-bar{display:flex}.lms-wrapper{flex-direction:column}.lms-sidebar{z-index:999;border-right:1px solid var(--glass-border);background:#fff;width:290px;height:100vh;max-height:100vh;padding-top:25px;padding-bottom:30px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 25px #0000002e}.lms-sidebar.mobile-open{transform:translate(0)}.lms-sidebar-close-btn{display:flex}.lms-main{width:100%;padding:20px 16px}}.badge-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#032139bf;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.badge-modal-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:480px;padding:30px 24px;animation:.35s cubic-bezier(.175,.885,.32,1.275) popIn;position:relative;box-shadow:0 20px 50px #00000040}.badge-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.4rem;display:flex;position:absolute;top:14px;right:14px}.badge-modal-close:hover{color:var(--text-main);background:#f1f5f9}.badge-icon-large{background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #f59e0b;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 16px;display:flex;box-shadow:0 8px 24px #f59e0b40}.badge-icon-large svg{width:44px;height:44px}.badge-icon-large.trophy{background:linear-gradient(135deg,#fef08a,#facc15);border:4px solid #d97706;width:96px;height:96px;animation:2s infinite alternate trophyGlow}.badge-icon-large.trophy svg{width:52px;height:52px}@keyframes trophyGlow{0%{box-shadow:0 0 15px #f59e0b66}to{box-shadow:0 0 35px #f59e0bcc}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.badge-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;max-height:60vh;margin-top:20px;padding:4px;display:grid;overflow-y:auto}.badge-item-card{border:1px solid #eee;border-radius:12px;flex-direction:column;align-items:center;padding:14px 10px;transition:transform .2s,box-shadow .2s;display:flex}.badge-item-card.unlocked{background:#fffbeb;border-color:#fcd34d;box-shadow:0 4px 12px #f59e0b1f}.badge-item-card.locked{opacity:.65;background:#f8fafc;border-color:#e2e8f0}.badge-item-icon{justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:6px;display:flex}.badge-item-icon svg{width:32px;height:32px}.badge-item-title{color:var(--text-main);margin-bottom:4px;font-size:.84rem;font-weight:700}.badge-item-desc{color:var(--text-muted);margin-bottom:6px;font-size:.72rem;line-height:1.3}.badge-item-status{margin-top:auto;font-size:.7rem;font-weight:700}.badge-item-status.unlocked{color:#b45309}.badge-item-status.locked{color:#94a3b8}