.no-courses-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff40;border-color:#ffffff80 #ffffff40 #ffffff40 #ffffff80;border-radius:20px;align-items:center;gap:2rem;padding:1rem 1.5rem;display:flex;box-shadow:0 15px 30px #0000001a}.no-courses-message h5{color:var(--accent-color);word-break:break-word;overflow-wrap:break-word;white-space:normal;margin-bottom:1rem;font-size:1.1rem;font-weight:500}.no-courses-message p{color:var(--text-color);margin-bottom:1rem}.no-courses-message ul{color:var(--text-muted);padding-left:2rem;font-size:.9rem;line-height:1.6rem}@media (max-width:768px){.no-courses-message{flex-direction:column}}[data-theme=dark] .no-courses-message{-webkit-backdrop-filter:none;box-shadow:none;background:#18181b;border:1px solid #27272a}[data-theme=dark] .no-courses-message h5{color:var(--accent-color)}[data-theme=dark] .no-courses-message p{color:var(--text-color)}[data-theme=dark] .no-courses-message ul{color:var(--text-muted)}[data-theme=light] .no-courses-message{-webkit-backdrop-filter:none;box-shadow:none;background:#fff;border:1px solid #e4e4e7}[data-theme=light] .no-courses-message h5{color:var(--accent-color)}[data-theme=light] .no-courses-message p{color:var(--text-color)}[data-theme=light] .no-courses-message ul{color:var(--text-muted)}
.subcategory-section{margin-bottom:4rem}.subcategory-title{color:#222;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem}.course-list{transition:var(--off-canvas-transition);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.course-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#fff3;border:1px solid #ffffff40;border-color:#ffffff80 #ffffff40 #ffffff40 #ffffff80;border-radius:20px;flex-direction:column;height:100%;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 4px 30px #0000001a}.course-card:hover{transform:translateY(-10px);box-shadow:0 8px 40px #0003}.course-resource{width:38px;height:38px;color:var(--accent-color);z-index:2;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .25s;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 4px 12px #0000001f}.course-resource:hover{background:var(--accent-color);color:var(--accent-light);transform:scale(1.08)}.course-img{aspect-ratio:16/9;object-fit:cover;border-radius:16px;width:100%;height:auto;margin-bottom:1rem}.course-card h3{color:var(--accent-color);margin-bottom:.3rem;font-size:1.2rem}.course-card p{color:var(--text-muted);flex:1;margin-bottom:1rem;font-size:.98rem}.course-link{background:var(--accent-light);color:var(--accent-color);border-radius:8px;align-self:center;margin:auto 0 .5rem;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s;display:inline-block}.course-link:hover{background:var(--accent-color);color:var(--accent-light)}@media (max-width:768px){.course-card{padding:1.2rem}}[data-theme=dark] .course-card{-webkit-backdrop-filter:none;box-shadow:none;color:#a1a1aa;background:#18181b;border:1px solid #27272a}[data-theme=dark] .course-card h3{color:var(--text-color)}[data-theme=dark] .course-card p{color:var(--text-muted)}[data-theme=dark] .course-card:hover{border-color:#3f3f46;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}[data-theme=dark] .course-resource{color:#71717a;box-shadow:none;background:#27272a}[data-theme=dark] .course-resource:hover{background:var(--accent-color);color:#fff}[data-theme=dark] .course-link{color:#a1a1aa;background:#27272a}[data-theme=dark] .course-link:hover{background:var(--accent-color);color:#fff}[data-theme=dark] .course-heading{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#e4e4e7;background:#18181b;border:1px solid #27272a}[data-theme=dark] .subcategory-title{color:#e4e4e7;border-bottom:1px solid #27272a;padding-bottom:8px}[data-theme=light] .course-card{-webkit-backdrop-filter:none;color:#52525b;background:#fff;border:1px solid #e4e4e7;box-shadow:0 1px 3px #0000000a}[data-theme=light] .course-card h3{color:var(--text-color)}[data-theme=light] .course-card p{color:var(--text-muted)}[data-theme=light] .course-card:hover{border-color:#d4d4d8;transform:translateY(-4px);box-shadow:0 8px 24px #00000014}[data-theme=light] .course-resource{color:#52525b;box-shadow:none;background:#f4f4f5;border:1px solid #e4e4e7}[data-theme=light] .course-resource:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}[data-theme=light] .course-link{color:#52525b;background:#f4f4f5;border:1px solid #e4e4e7}[data-theme=light] .course-link:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}[data-theme=light] .course-heading{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#09090b;background:#f4f4f5;border:1px solid #e4e4e7}[data-theme=light] .subcategory-title{color:#09090b;border-bottom:1px solid #e4e4e7;padding-bottom:8px}
.switch{width:50px;height:24px;margin-right:10px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#fff6;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--accent-color);border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#fff}input:checked+.slider:before{transform:translate(26px)}[data-theme=dark] .slider{background-color:#27272a}[data-theme=dark] .slider:before{background-color:#71717a}[data-theme=dark] input:checked+.slider{background-color:var(--accent-color)}[data-theme=dark] input:checked+.slider:before{background-color:#fff}[data-theme=light] .slider{background-color:#e4e4e7}[data-theme=light] .slider:before{background-color:#71717a}[data-theme=light] input:checked+.slider{background-color:var(--accent-color)}[data-theme=light] input:checked+.slider:before{background-color:#fff}
.done-btn{width:100%;color:var(--accent-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff40;border:1px solid #ffffff40;border-color:#ffffff80 #ffffff40 #ffffff40 #ffffff80;border-radius:16px;justify-content:center;align-items:center;margin-top:1rem;padding:1rem 1.25rem;font-size:1rem;font-weight:600;transition:transform .25s,background .25s,color .25s,box-shadow .25s;display:flex;box-shadow:0 4px 20px #00000014}.done-btn:hover{color:var(--accent-light);background:var(--accent-color);transform:translateY(-2px);box-shadow:0 10px 25px #00000026}.done-btn:active{transform:translateY(0)scale(.98)}.done-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}[data-theme=dark] .done-btn{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#71717a;background:#18181b;border:1px solid #27272a}[data-theme=dark] .done-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:none}[data-theme=light] .done-btn{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#52525b;background:#f4f4f5;border:1px solid #e4e4e7}[data-theme=light] .done-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:none}
.filter-header{transition:var(--off-canvas-transition);gap:1rem;padding-top:1rem;display:flex}.filter-header .search-bar{flex:none;width:min(400px,100%)}.filter-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--accent-color);background:#fff3;border:1px solid #ffffff40;border-color:#ffffff80 #ffffff40 #ffffff40 #ffffff80;border-radius:12px;justify-content:center;align-items:center;width:fit-content;padding:.5rem 1rem;display:flex;box-shadow:0 4px 30px #0000001a}.filter-button h4{font-size:1rem;font-weight:500}.filter-button span{margin-left:8px;font-size:0}.filter-sidebar{pointer-events:none;opacity:0;flex-direction:column;width:0;height:calc(100vh - 70px);padding:0;transition:width .4s,transform .4s,opacity .4s;display:flex;position:sticky;top:70px;transform:translateY(-100%)}.filter-sidebar.active{opacity:1;pointer-events:auto;width:320px;padding:2.2rem 0 1rem 1rem;transform:translateY(0)}.recently-added{align-items:center;display:flex}.recently-added h4{color:var(--text-color);margin-left:8px;font-size:1.1rem;font-weight:400}.clear-filter{color:var(--accent-color);background-color:var(--accent-color-tint);cursor:pointer;opacity:0;pointer-events:none;border-radius:5px;margin-left:15px;padding:.3rem .5rem;font-size:.85rem;transition:all .2s;transform:scale(.8)}.clear-filter.active{opacity:1;pointer-events:auto;transform:scale(1)}.category-title{color:var(--accent-color);margin:20px 10px 15px;font-size:1.5rem;font-weight:600}.radio-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff40;border-color:#ffffff80 #ffffff40 #ffffff40 #ffffff80;border-radius:20px;flex:1;padding:1rem;overflow:auto;box-shadow:0 15px 35px #0000000d}.radio-list::-webkit-scrollbar{width:10px}.radio-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.radio-list::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:15px}.radio-list::-webkit-scrollbar-thumb:hover{background:#ffffffb3}.radio-option{color:var(--text-color);align-items:center;margin-bottom:12px;font-size:.95rem;font-weight:500;display:flex}.radio-option input[type=radio]{accent-color:var(--accent-color);margin-right:8px}.close-filter-toggle{z-index:1000;background-color:var(--accent-light);color:var(--accent-color);border-radius:50%;padding:.5rem;display:none;position:fixed;top:80px;right:-45px}@media (max-width:1200px){.filter-sidebar{z-index:1001;background:#f0b4d7;border-radius:0 10px 10px 0;width:320px;height:100%;position:fixed;top:0;bottom:0;left:0}.filter-sidebar.active{padding-top:1rem;padding-right:1rem}.category-title{color:var(--text-color)}.close-filter-toggle{display:flex}}@media (max-width:768px){.filter-header .search-bar{flex:1;width:100%}.filter-button h4{display:none}.filter-button span{margin-left:0}}@media (max-width:375px){.filter-sidebar,.filter-sidebar.active{border-radius:0;width:100%}}[data-theme=dark] .filter-button{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#71717a;background:#18181b;border:1px solid #27272a}[data-theme=dark] .filter-button:hover{color:#a1a1aa;border-color:#3f3f46}[data-theme=dark] .filter-sidebar{background:#09090b;background-attachment:unset}[data-theme=dark] .radio-list{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#18181b;border:1px solid #27272a}[data-theme=dark] .radio-list::-webkit-scrollbar-thumb{background:#3f3f46}[data-theme=dark] .radio-list::-webkit-scrollbar-track{background:0 0}[data-theme=dark] .category-title{color:#e4e4e7}[data-theme=dark] .recently-added h4{color:#a1a1aa}[data-theme=dark] .clear-filter{color:var(--accent-color);background-color:#e073851a}[data-theme=light] .filter-button{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#52525b;background:#fff;border:1px solid #e4e4e7}[data-theme=light] .filter-button:hover{background:#f4f4f5;border-color:#d4d4d8}[data-theme=light] .filter-sidebar{background:#fafafa;background-attachment:unset}[data-theme=light] .radio-list{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#fff;border:1px solid #e4e4e7}[data-theme=light] .radio-list::-webkit-scrollbar-thumb{background:#d4d4d8}[data-theme=light] .radio-list::-webkit-scrollbar-track{background:0 0}[data-theme=light] .category-title{color:#09090b}[data-theme=light] .recently-added h4{color:#52525b}[data-theme=light] .clear-filter{color:var(--accent-color);background-color:#8a24350f}
.course-section{flex-direction:column;display:flex}.course-wrapper{flex:1;display:flex}.course-main{width:100%;transition:var(--off-canvas-transition);flex:1;padding:.5rem 1.5rem 2rem}.course-heading{color:var(--accent-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;margin:1rem 0 2rem;padding:.75rem 1.25rem;font-size:1.2rem;font-weight:600;display:inline-block;box-shadow:0 2px 8px #0000001a}