.course-overview-page{min-height:100vh;background-color:#000000;padding-top:90px;padding-bottom:4rem}.course-overview-container{max-width:1200px;margin:0 auto;padding:0 2rem}.course-header{text-align:center;margin-bottom:4rem}.course-title{font-size:3rem;font-weight:700;color:#ffffff;margin-bottom:1rem;background:linear-gradient(135deg,#ffffff,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.course-description{font-size:1.25rem;color:rgba(255,255,255,.7);max-width:600px;margin:0 auto;line-height:1.6}.course-sections-grid{display:grid;grid-gap:2rem;gap:2rem}.section-card{background-color:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem;transition:all .3s ease}.section-card:hover{background-color:rgba(255,255,255,.05);border-color:rgba(59,130,246,.3)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.section-title{font-size:1.5rem;font-weight:600;color:#ffffff;margin:0}.section-count{font-size:.9rem;color:rgba(255,255,255,.5);font-weight:500}.lesson-subsection-header{font-size:.95rem;font-weight:600;color:#ffffff!important;padding:.5rem;margin-top:.25rem;margin-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.section-lessons{display:flex;flex-direction:column;gap:.5rem}.lesson-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .2s ease}.lesson-item:hover{background-color:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3)}.lesson-item-content{flex:1 1}.lesson-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.lesson-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:rgba(59,130,246,.2);color:#3b82f6;font-size:.85rem;font-weight:600;border-radius:4px;flex-shrink:0}.lesson-item-title{font-size:1rem;font-weight:500;color:#ffffff;margin:0;flex:1 1}.lesson-lock-icon{color:rgba(255,255,255,.4);flex-shrink:0}.lesson-item-meta{display:flex;align-items:center;gap:1rem;margin-left:2rem}.lesson-date,.lesson-duration{font-size:.85rem;color:rgba(255,255,255,.5)}.lesson-arrow{color:rgba(255,255,255,.3);flex-shrink:0;transition:all .2s ease}.lesson-item:hover .lesson-arrow{color:#3b82f6}.show-more-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;margin-top:.5rem;background-color:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:rgba(255,255,255,.7);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.show-more-button:hover{background-color:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#3b82f6}.show-more-button svg{color:currentColor}@media (max-width:768px){.course-overview-page{padding-top:80px;padding-bottom:2rem}.course-overview-container{padding:0 1rem}.course-title{font-size:2rem}.course-description{font-size:1rem}.course-header{margin-bottom:2rem}.section-card{padding:1.5rem}.section-title{font-size:1.25rem}.lesson-item{padding:.75rem}.lesson-item-meta{flex-direction:column;align-items:flex-start;gap:.25rem;margin-left:2rem}.lesson-arrow{display:none}}