.syllabus-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#0c0c0c80;border:1px solid #ffffff1a;border-radius:.75rem;flex-direction:column;gap:1rem;width:100%;padding:1.25rem;display:flex;box-shadow:0 4px 20px #0006}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.sidebar-logo{color:#ffffffe6;letter-spacing:.05em;font-family:monospace;font-size:1.25rem;font-weight:700}.sidebar-logo .accent{color:#f6098f}.sidebar-back{color:#fff9;align-items:center;gap:.25rem;font-size:.875rem;transition:color .2s;display:flex}.sidebar-back:hover{color:#f6098f}.sidebar-title{color:#ffffffe6;font-size:1.125rem;font-weight:600;line-height:1.3}.sidebar-section{border:1px solid #ffffff0d;border-radius:.375rem;overflow:hidden}.section-toggle{color:#fffc;background:#ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:background .2s;display:flex}.section-toggle:hover{background:#ffffff1a}.lesson-list{background:#101010;flex-direction:column;gap:.5rem;padding:.5rem .75rem;display:flex}.lesson-item{color:#ffffffb3;border-radius:.375rem;align-items:center;gap:.75rem;padding:.5rem;font-size:.875rem;transition:all .2s;display:flex}.lesson-item:hover{background:#ffffff0d}.lesson-item.active{color:#fff;background:#f6098f21;border:1px solid #f6098f54}.progress-circle{border:2px solid;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:700;display:flex}.lesson-badge{color:#000;background:#f6098f;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:linear-gradient(#ffffff0a,#ffffff05);border-radius:9999px}.custom-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#f6098f8c,#f6098f4d);border:1px solid #ffffff1f;border-radius:9999px;box-shadow:inset 0 1px 6px #f6098f40}.custom-scroll:hover::-webkit-scrollbar-thumb{background:linear-gradient(#f6098fb3,#f6098f66)}
.main-content-container{background:0 0;flex-direction:column;gap:2rem;width:100%;display:flex}.main-video{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0f0f0f88;border:1px solid #ffffff1a;border-radius:.75rem;width:100%;overflow:hidden;box-shadow:0 4px 12px #00000080}.instructor-row{justify-content:space-between;align-items:center;animation:.5s ease-in-out fade-in;display:flex}.instructor-avatar{background:linear-gradient(to bottom right,#f6098f,#8c52ff);border-radius:9999px;width:3rem;height:3rem}.instructor-actions{color:#ccc;align-items:center;gap:1rem;font-size:.875rem;display:flex}.description-title{color:#f6098f;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.description-html{color:#ccc;line-height:1.7}.course-stats{text-align:center;grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:640px){.course-stats{grid-template-columns:repeat(4,1fr)}}.stat-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;padding:1rem 0}.stat-label{color:#b0b0b0;font-size:.875rem}.stat-value{color:#fff;font-size:1.125rem;font-weight:700}.faq-section{border-top:1px solid #ffffff1a;padding-top:1.5rem}.faq-title{color:#f6098f;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.faq-placeholder{color:#b0b0b0;font-size:.875rem;font-style:italic}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}