.video_layout{display:flex;gap:20px;padding:20px}.next_video{margin-top:-100px;position:absolute;right:0;top:41px;color:#4f80a9;cursor:pointer;transition:color .2s ease}.next_video:hover{color:#f7ad53}.tuto-menu-item.active .tuto-item-title{color:#0a0a0a!important;font-weight:bold;background-color:#cdf3eb;padding-top:3px;padding-bottom:3px;padding-left:4px;padding-right:7px;border-radius:5px}.video_side{flex:1;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;min-width:0}.video_header{margin-bottom:20px;flex:0 0 auto}.video_wrapper{position:relative;width:100%;aspect-ratio:16/9;max-width:1400px}.video_wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}tuto_menu a{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.tuto_progress_indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.tuto_progress_indicator.completed{color:#4caf50}.tuto_progress_indicator.completed svg{width:18px;height:18px}.tuto_progress_indicator.in-progress svg{width:18px;height:18px}.tuto_menu[id_menu] a:hover label{color:#1976d2;cursor:pointer}.formation-hero{background:linear-gradient(135deg,#1e3a5f 0%,#2d5a87 50%,#3a7ca5 100%);padding:40px;color:#fff;position:relative}.formation-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.formation-hero-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;position:relative;z-index:1;gap:40px}.formation-hero-left{flex:1}.formation-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;margin-bottom:16px;border:1px solid rgba(255,255,255,.2)}.formation-badge svg{width:18px;height:18px}.formation-title{font-size:48px;font-weight:700;margin:0 0 16px 0;letter-spacing:-1px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.formation-description{font-size:18px;opacity:.9;margin:0 0 24px 0;max-width:900px;line-height:1.6}.formation-meta{display:flex;flex-wrap:wrap;gap:24px}.formation-meta-item{display:flex;align-items:center;gap:10px;font-size:15px;background:rgba(255,255,255,.1);padding:10px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.formation-meta-item svg{width:20px;height:20px;opacity:.9}.formation-meta-item strong{font-weight:600}.formation-hero-right{flex-shrink:0}.formation-progress-card{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;padding:30px;text-align:center;border:1px solid rgba(255,255,255,.2);min-width:200px}.formation-progress-ring-container{position:relative;width:120px;height:120px;margin:0 auto 16px}.formation-progress-ring{transform:rotate(-90deg);width:120px;height:120px}.progress-ring-bg{fill:none;stroke:rgba(255,255,255,.2);stroke-width:8}.progress-ring-fill{fill:none;stroke:#4ade80;stroke-width:8;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:326.73;transition:stroke-dashoffset .8s ease-in-out;filter:drop-shadow(0 0 6px rgba(74,222,128,.5))}.formation-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline}.progress-value{font-size:36px;font-weight:700}.progress-percent{font-size:18px;font-weight:500;opacity:.8}.formation-progress-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;opacity:.9}.formation-progress-stats{font-size:13px;opacity:.8}@media(max-width:900px){.formation-hero{padding:30px 20px}.formation-hero-content{flex-direction:column;text-align:center}.formation-title{font-size:32px}.formation-description{max-width:100%}.formation-meta{justify-content:center}}#menu_container{background-color:#f8fafa;width:333px;min-width:260px;padding:24px 20px;box-sizing:border-box;overflow-y:auto;max-height:1000px;border-right:1px solid #e0e7e7}.overall-progress-container{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #e0e7e7}.overall-progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.overall-progress-title{font-weight:500;font-size:13px;color:#667}.overall-progress-percentage{font-weight:600;font-size:26px;color:#0d9488}.overall-progress-bar-bg{background-color:#e0e7e7;height:5px;border-radius:3px;overflow:hidden}.overall-progress-bar-fill{background:linear-gradient(90deg,#14b8a6,#2dd4bf);height:100%;border-radius:3px;transition:width .5s ease}.overall-progress-stats{margin-top:12px;font-size:12px;color:#889}.tuto-menu-sections{display:flex;flex-direction:column;gap:28px}.tuto-section-header{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #14b8a6;align-self:flex-start}.tuto-section-icon{display:none}.tuto-section-title{font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:#445}.tuto-section-items{display:flex;flex-direction:column}.tuto-menu-item{display:flex;align-items:center;gap:14px;padding:12px 0;text-decoration:none;color:#334;cursor:pointer;transition:all .15s ease;border-bottom:1px solid #eef2f2}.tuto-menu-item:hover{cursor:pointer}.tuto-menu-item:last-child{border-bottom:0}.tuto-menu-item:hover .tuto-item-title{color:#0d9488}.tuto-menu-item.active .tuto-item-title{color:#0d9488;font-weight:600}.tuto-menu-item.active .tuto-item-progress .tuto-progress-indicator{border-color:#0d9488}.tuto-item-progress{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.tuto-progress-indicator{width:20px;height:20px;border-radius:50%;border:2px solid #ccd5d5;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tuto-progress-indicator.completed{background:#14b8a6;border-color:#14b8a6}.tuto-progress-indicator.completed svg{width:12px;height:12px;color:#fff;stroke-width:2.5}.tuto-progress-indicator.in-progress{border-color:#14b8a6}.tuto-progress-indicator.in-progress svg{width:20px;height:20px}.tuto-item-content{flex:1;min-width:0}.tuto-item-title{font-size:14px;font-weight:450;color:#334;line-height:1.4;transition:color .15s ease}.tuto-item-meta{display:flex;align-items:center;gap:4px;color:#99a;font-size:12px;margin-top:3px}.tuto-item-meta svg{width:11px;height:11px}.tuto-item-arrow{display:none}.tuto-menu-item.completed .tuto-item-title{color:#889}.tuto-menu-item.completed .tuto-item-meta{color:#14b8a6}#menu_container::-webkit-scrollbar{width:0}