.syllabus-sidebar{width:100%;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;border-radius:.75rem;background:rgba(12,12,12,.5);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);color:white;box-shadow:0 4px 20px rgba(0,0,0,.4)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sidebar-logo{font-size:1.25rem;font-weight:700;font-family:monospace;color:rgba(255,255,255,.9);letter-spacing:.05em}.sidebar-logo .accent{color:#f6098f}.sidebar-back{font-size:.875rem;display:flex;align-items:center;gap:.25rem;color:rgba(255,255,255,.6);transition:color .2s ease}.sidebar-back:hover{color:#f6098f}.sidebar-title{font-size:1.125rem;font-weight:600;line-height:1.3;color:rgba(255,255,255,.9)}.sidebar-section{border:1px solid rgba(255,255,255,.05);border-radius:.375rem;overflow:hidden}.section-toggle{width:100%;padding:.5rem .75rem;background:rgba(255,255,255,.05);color:rgba(255,255,255,.8);font-size:.875rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease}.section-toggle:hover{background:rgba(255,255,255,.1)}.lesson-list{background:#101010;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem}.lesson-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;font-size:.875rem;border-radius:.375rem;transition:all .2s ease;color:rgba(255,255,255,.7)}.lesson-item:hover{background:rgba(255,255,255,.05)}.lesson-item.active{background:rgba(246,9,143,.13);border:1px solid rgba(246,9,143,.33);color:white}.progress-circle{width:2rem;height:2rem;border-radius:9999px;font-weight:700;justify-content:center;border:2px solid}.lesson-badge,.progress-circle{font-size:.75rem;display:flex;align-items:center}.lesson-badge{background:#f6098f;color:black;border-radius:9999px;padding:.25rem .5rem;gap:.25rem}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border-radius:9999px}.custom-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(246,9,143,.55),rgba(246,9,143,.3));border-radius:9999px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 6px rgba(246,9,143,.25)}.custom-scroll:hover::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(246,9,143,.7),rgba(246,9,143,.4))}.main-content-container{width:100%;display:flex;flex-direction:column;gap:2rem;background:transparent}.main-video{width:100%;border-radius:.75rem;overflow:hidden;background-color:#0f0f0f88;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);box-shadow:0 4px 12px rgba(0,0,0,.5)}.instructor-row{display:flex;justify-content:space-between;align-items:center;animation:fade-in .5s ease-in-out}.instructor-avatar{width:3rem;height:3rem;border-radius:9999px;background:linear-gradient(to bottom right,#f6098f,#8c52ff)}.instructor-actions{display:flex;gap:1rem;font-size:.875rem;color:#ccc;align-items:center}.description-title{font-size:1.5rem;font-weight:700;color:#f6098f;margin-bottom:.5rem}.description-html{color:#ccc;line-height:1.7}.course-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;text-align:center}@media (min-width:640px){.course-stats{grid-template-columns:repeat(4,1fr)}}.stat-box{background:rgba(255,255,255,.05);border-radius:.5rem;padding:1rem 0;border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:.875rem;color:#aaa}.stat-value{font-size:1.125rem;font-weight:700;color:#fff}.faq-section{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.faq-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#f6098f}.faq-placeholder{color:#aaa;font-style:italic;font-size:.875rem}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.course-action-button{width:100%;padding:.75rem 1.25rem;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#ffffff;background:linear-gradient(135deg,#f6098f,#8c52ff);border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 0 12px rgba(246,9,143,.25);transition:background .2s ease,transform .2s ease}.course-action-button:hover:not(:disabled){background:linear-gradient(135deg,#f6098f,#b275ff)}.course-action-button:disabled{opacity:.6;cursor:not-allowed}