.course-main-gradient{background:linear-gradient(180deg,#000000 0,#030324);min-height:100vh}.course-card{background:rgba(0,0,0,.2);border:1px solid rgb(31,41,55);border-radius:.5rem;transition:all .2s ease-in-out;backdrop-filter:blur(4px)}.course-card:hover{border-color:rgba(139,92,246,.5);background:rgba(0,0,0,.3);transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.1)}.chapter-list-container{background:rgba(0,0,0,.1);border:1px solid rgba(75,85,99,.3);border-radius:.75rem;padding:1.5rem;backdrop-filter:blur(8px)}.chapter-item{background:rgba(0,0,0,.2);border:1px solid rgba(75,85,99,.3);border-radius:.5rem;padding:1.25rem;margin-bottom:.75rem;transition:all .2s ease-in-out}.chapter-item:hover{background:rgba(0,0,0,.3);border-color:rgba(139,92,246,.3);transform:translateX(4px)}.chapter-item:last-child{margin-bottom:0}.chapter-item.locked{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.chapter-item.locked:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4);transform:none;cursor:not-allowed}.chapter-item.completed{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}.chapter-item.completed:hover{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.4)}.progress-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.progress-badge.completed{color:rgb(74,222,128)}.progress-badge.completed,.progress-badge.in-progress{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3)}.progress-badge.in-progress{color:#22c55e}.progress-badge.locked{background:rgba(239,68,68,.2);color:rgb(248,113,113);border:1px solid rgba(239,68,68,.3)}.progress-badge.not-started{background:rgba(107,114,128,.2);color:rgb(209,213,219);border:1px solid rgba(107,114,128,.3)}.course-sidebar{background:rgba(0,0,0,.2);border:1px solid rgba(31,41,55,.5);border-radius:.75rem;backdrop-filter:blur(8px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.course-sidebar-header{background:linear-gradient(90deg,rgba(139,92,246,.1),rgba(124,58,237,.1));border-bottom:1px solid rgba(139,92,246,.2);border-radius:.75rem .75rem 0 0;padding:1.5rem}.course-sidebar-content{padding:1rem}.chapter-description-left,.chapter-title-left{text-align:left!important}.course-sidebar-item{background:transparent;border:1px solid transparent;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:.5rem;transition:all .2s ease-in-out;display:flex;align-items:center;gap:.75rem;text-align:left;width:100%;cursor:pointer;position:relative}.course-sidebar-item:hover{background:rgba(0,0,0,.2);border-color:rgba(139,92,246,.3);transform:translateX(2px)}.course-sidebar-item.active{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3);box-shadow:0 0 0 1px rgba(139,92,246,.1)}.course-sidebar-item.locked{opacity:.7;cursor:not-allowed}.course-sidebar-item.locked:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);transform:none}.course-sidebar-item.completed{background:rgba(34,197,94,.05);border-color:rgba(34,197,94,.2)}.course-sidebar-item.completed:hover{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}.video-player-container{background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(17,24,39,.9));border:1px solid rgba(75,85,99,.3);border-radius:.75rem;padding:1rem;backdrop-filter:blur(8px)}.course-navbar{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(3,3,36,.8));border-bottom:1px solid rgba(75,85,99,.3);backdrop-filter:blur(12px)}.course-bottom-nav{background:linear-gradient(90deg,rgba(51,65,85,.9),rgba(30,41,59,.9) 50%,rgba(51,65,85,.9));border-top:1px solid rgba(100,116,139,.5);backdrop-filter:blur(8px);padding:1rem;box-shadow:0 -4px 6px -1px rgba(0,0,0,.1),0 -2px 4px -1px rgba(0,0,0,.06)}.course-nav-button{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);color:#f3f4f6;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .2s ease-in-out;display:inline-flex;align-items:center;gap:.5rem}.course-nav-button:hover{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.4);transform:translateY(-1px)}.course-nav-button:disabled{background:rgba(107,114,128,.1);border-color:rgba(107,114,128,.3);color:rgb(209,213,219);cursor:not-allowed;transform:none}.course-attachments{background:rgba(0,0,0,.2);border:1px solid rgba(75,85,99,.3);border-radius:.5rem;padding:1rem;margin-top:1rem}.attachment-item{background:rgba(55,65,81,.3);border:1px solid rgba(75,85,99,.5);border-radius:.375rem;padding:.75rem;margin-bottom:.5rem;transition:all .2s ease-in-out;display:flex;align-items:center;gap:.75rem}.attachment-item:hover{background:rgba(55,65,81,.5);border-color:rgba(75,85,99,.7);transform:translateX(2px)}.course-content::-webkit-scrollbar{width:8px}.course-content::-webkit-scrollbar-track{background:rgba(31,41,55,.3);border-radius:8px}.course-content::-webkit-scrollbar-thumb{background-color:rgba(107,114,128,.6);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.course-content::-webkit-scrollbar-thumb:hover{background-color:rgba(156,163,175,.8)}@media (max-width:768px){.course-card{margin-bottom:1rem}.chapter-item,.chapter-list-container{padding:1rem}.course-bottom-nav{padding:.75rem}.course-nav-button{padding:.5rem 1rem;font-size:.875rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .3s ease-out}.glass-effect{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}