:root{--primary:#00f2fe;--secondary:#4facfe;--dark:#0d0d1a;--darker:#070711;--light:#f8f9fa;--gray:#6c757d}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:var(--darker);color:var(--light);overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.main-content{min-height:100vh;padding-bottom:60px;padding-top:120px}.content-section{margin-bottom:40px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-title{display:inline-block;font-size:24px;font-weight:600;padding-left:15px;position:relative}.section-title:before{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:3px;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.view-all{color:var(--primary);font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.view-all:hover{color:var(--secondary)}.view-all i{margin-left:5px}.dashboard-grid{display:grid;gap:30px;grid-template-columns:3fr 1fr}.course-grid,.featured-resources{display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.events-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px}.sidebar{display:flex;flex-direction:column;gap:30px}.sidebar-card{background-color:#0d0d1a99;border:1px solid rgba(79,172,254,.1);border-radius:10px;padding:25px}.sidebar-title{font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:10px;position:relative}.sidebar-title:after{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:1.5px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.btn{border-radius:5px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;color:var(--darker)}.btn-primary:hover{box-shadow:0 5px 15px #00f2fe4d;transform:translateY(-2px)}.btn-outline{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:#00f2fe1a}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px}.form-control{background-color:#07071199;border:1px solid rgba(79,172,254,.1);border-radius:8px;color:var(--light);outline:none;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-control:focus{border-color:var(--primary)}textarea.form-control{min-height:150px;resize:vertical}.search-box{margin-bottom:15px;position:relative}.search-input{background-color:#07071199;border:1px solid rgba(79,172,254,.2);border-radius:8px;color:var(--light);font-size:14px;padding:12px 45px 12px 15px;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 10px #00f2fe1a;outline:none}.search-input::-moz-placeholder{color:#a8a8a8}.search-input::placeholder{color:#a8a8a8}.search-button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:16px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.pagination{display:flex;justify-content:center;margin-top:40px}.pagination-list{display:flex;gap:8px;list-style:none}.pagination-item a{align-items:center;background-color:#0d0d1a99;border:1px solid rgba(79,172,254,.1);border-radius:8px;color:var(--light);display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.pagination-item a:hover{background-color:#00f2fe1a;border-color:var(--primary);color:var(--primary)}.pagination-item.active a{background:linear-gradient(135deg,#00f2fe33,#4facfe33);border-color:var(--primary);color:var(--primary)}.pagination-next a,.pagination-prev a{padding:0 15px;width:auto}.pagination-next a i,.pagination-prev a i{margin:0 5px}.progress-circle-container{height:150px;margin:0 auto 20px;position:relative;width:150px}.progress-circle{height:100%;transform:rotate(-90deg);width:100%}.progress-circle-bg{fill:none;stroke:#ffffff1a;stroke-width:10}.progress-circle-fill{fill:none;stroke:url(#gradient);stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .5s ease}.circle-progress-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;font-size:32px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-text-fill-color:transparent;height:auto;width:auto;z-index:5}.progress-label{font-size:16px;font-weight:600;margin-bottom:10px}.progress-description{color:#ccc;font-size:14px;line-height:1.6}.lesson-container{margin:0 auto;max-width:1000px;padding:2rem}.lesson-header{border-bottom:1px solid rgba(79,172,254,.2);margin-bottom:2rem;padding-bottom:1rem}.lesson-title{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;font-size:2rem;margin-bottom:.5rem;-webkit-text-fill-color:transparent}.lesson-subtitle{color:var(--gray);font-size:1.2rem;margin-bottom:1rem}.lesson-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.lesson-meta-item{align-items:center;color:var(--light);display:flex;font-size:.9rem;gap:.5rem}.lesson-meta-item i{color:var(--primary)}.progress-container{background-color:#0d0d1a99;border:1px solid rgba(79,172,254,.1);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.progress-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.progress-title h3{font-size:1.2rem;margin:0}.progress-title span{color:var(--primary);font-size:1.2rem;font-weight:700}.progress-bar{background-color:#ffffff1a;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:4px;height:100%;transition:width .5s ease}.progress-detail{color:var(--gray);font-size:.9rem;text-align:right}.lesson-navigation{border-top:1px solid rgba(79,172,254,.2);display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem}.lesson-nav-button{align-items:center;border-radius:4px;color:var(--light);display:flex;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.lesson-nav-button:hover{background-color:#00f2fe1a}.lesson-nav-button i{color:var(--primary)}.markdown-content{line-height:1.8;margin-bottom:2rem}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--light);margin-bottom:1rem;margin-top:1.5rem}.markdown-content h1{border-bottom:1px solid rgba(79,172,254,.2);font-size:2rem;padding-bottom:.5rem}.markdown-content h2{border-bottom:1px solid rgba(79,172,254,.1);font-size:1.75rem;padding-bottom:.3rem}.markdown-content h3{font-size:1.5rem}.markdown-content h4{font-size:1.25rem}.markdown-content p{margin-bottom:1rem}.markdown-content ol,.markdown-content ul{margin-bottom:1rem;padding-left:2rem}.markdown-content li{margin-bottom:.5rem}.markdown-content blockquote{background-color:#00f2fe0d;border-left:4px solid var(--primary);border-radius:0 4px 4px 0;margin-bottom:1rem;margin-left:0;margin-right:0;padding:1rem}.markdown-content code{background-color:#0000004d;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.9em;padding:.2rem .4rem}.markdown-content pre{background-color:#0000004d;border-radius:4px;margin-bottom:1rem;overflow-x:auto;padding:1rem}.markdown-content pre code{background-color:transparent;border-radius:0;color:#f8f8f2;font-size:.9em;padding:0}.markdown-content a{color:var(--primary);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content img{border-radius:4px;height:auto;margin:1rem 0;max-width:100%}.markdown-content table{border-collapse:collapse;margin-bottom:1rem;width:100%}.markdown-content td,.markdown-content th{border:1px solid rgba(79,172,254,.2);padding:.5rem;text-align:left}.markdown-content th{background-color:#00f2fe1a}.section-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.section-card{background-color:#0d0d1a99;border:1px solid rgba(79,172,254,.1);border-radius:8px;box-shadow:0 4px 8px #0003;overflow:hidden;transition:transform .3s,box-shadow .3s}.section-card:hover{box-shadow:0 8px 16px #0000004d;transform:translateY(-5px)}.card-header{background:linear-gradient(135deg,var(--primary),var(--secondary));padding:1rem;position:relative}.card-header h3{color:var(--darker);font-size:1.2rem;margin:0}.status-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:3px 8px;position:absolute;right:10px;top:10px}.status-badge.locked{background-color:var(--darker);color:var(--gray)}.status-badge.in-progress{background-color:#ffab00;color:var(--darker)}.status-badge.completed{background-color:#00c853;color:var(--darker)}.card-content{min-height:80px;padding:1rem}.card-footer{align-items:center;border-top:1px solid rgba(79,172,254,.1);display:flex;justify-content:space-between;padding:1rem}.quiz-result{background-color:#0d0d1a99;border:1px solid rgba(79,172,254,.1);border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:center}.quiz-score{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem;-webkit-text-fill-color:transparent}.quiz-message,.quiz-progress{margin-bottom:1rem}.quiz-progress{background-color:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.quiz-progress-bar{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:4px;height:100%;transition:width .5s ease}@media screen and (max-width:992px){.dashboard-grid{grid-template-columns:1fr}.lesson-container{padding:1.5rem}}@media screen and (max-width:768px){.course-grid,.events-grid,.featured-resources{grid-template-columns:1fr}.main-content{padding-top:120px}}@media screen and (max-width:576px){.main-content{padding-top:100px}.section-header{align-items:flex-start;flex-direction:column}.section-title{margin-bottom:15px}}