:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--text-primary:#1a202c;--text-secondary:#64748b;--nav-bg:#304062;--accent-primary:#667eea;--accent-secondary:#5a67d8;--border-color:#e2e8f0;--card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--hero-bg:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--nav-bg:#0f172a;--accent-primary:#818cf8;--accent-secondary:#6366f1;--border-color:#334155;--card-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #00000080;--hero-bg:linear-gradient(135deg,#312e81 0%,#1e1b4b 100%)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}.container{max-width:1200px;margin:0 auto;padding:0 20px}.custom-navbar{background-color:var(--nav-bg);z-index:1000;padding:.5rem 0;position:sticky;top:0}.custom-navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.custom-navbar-links{align-items:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.custom-navbar-links a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.custom-navbar-links a:hover{color:#94a3b8}.custom-search-form{align-items:center;gap:.5rem;display:flex}.custom-search-input{border:1px solid #ccc;border-radius:20px;outline:none;padding:.5rem 1rem;transition:all .3s}.custom-search-input:hover{background-color:#f8f9fa}.custom-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.custom-search-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:.5rem 1rem;transition:background .3s}.custom-search-btn:hover{background:#5a67d8}.logo-img{object-fit:cover;filter:drop-shadow(0 2px 4px #00000026);width:145px;height:auto;transition:transform .2s}.logo-img:hover{transform:scale(1.05)}.custom-login-btn,.custom-signup-btn{cursor:pointer;border-radius:20px;margin-left:.5rem;padding:.6rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s}.custom-login-btn{color:#fff;background:#667eea;border:1px solid #667eea}.custom-signup-btn{background:var(--bg-primary);color:var(--accent-primary);border:1px solid var(--accent-primary)}.custom-login-btn:hover{background:#5a67d8;border-color:#5a67d8}.custom-signup-btn:hover{color:#fff;background:#667eea}.custom-auth-buttons{align-items:center;gap:.5rem;display:flex}.banner-slideshow{width:100%;position:relative;overflow:hidden}.slideshow-container{position:relative}.slide{object-fit:cover;width:100%;height:400px}.prev,.next{color:#fff;cursor:pointer;z-index:2;background:#304062cc;border:none;border-radius:50%;padding:1rem;font-size:1.5rem;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.prev:hover,.next:hover{background:#304062;transform:translateY(-50%)scale(1.1)}.prev{left:20px}.next{right:20px}.banner-content{gap:1rem;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.banner-btn{color:#304062;background:#ffffffe6;border-radius:25px;padding:.8rem 2rem;font-weight:600;text-decoration:none;transition:all .3s}.banner-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.free-courses-container{background:var(--bg-secondary);padding:4rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-title{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-description{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 20px;display:grid}.course-card{background:var(--bg-card);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:16px;transition:transform .3s;overflow:hidden}.course-card:hover{transform:translateY(-5px)}.course-image{height:200px;position:relative;overflow:hidden}.course-image img{object-fit:cover;width:100%;height:100%}.course-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.course-card:hover .course-overlay{opacity:1}.play-icon{color:#fff;width:3rem;height:3rem}.free-badge{color:#fff;z-index:2;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:700;position:absolute;top:1rem;left:1rem}.course-content{padding:1.5rem}.course-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.course-level{color:#0369a1;background:#e0f2fe;border-radius:12px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.course-rating{align-items:center;gap:.25rem;display:flex}.star-icon{color:#fbbf24;width:1rem;height:1rem}.course-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.course-instructor{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.course-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.course-topics{background:var(--bg-primary);border-left:4px solid var(--accent-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem}.course-topics h4{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.course-topics ul{margin:0;padding:0;list-style:none}.course-topics li{color:#64748b;padding:.25rem 0 .25rem 1rem;font-size:.8rem;position:relative}.course-topics li:before{content:"✓";color:#10b981;font-weight:700;position:absolute;left:0}.course-meta{justify-content:space-between;margin-bottom:1.5rem;display:flex}.meta-item{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.meta-icon{width:1rem;height:1rem}.course-footer{justify-content:space-between;align-items:center;display:flex}.certificate-badge{color:#059669;font-size:.875rem;font-weight:500}.enroll-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.enroll-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.view-all{text-align:center;margin-top:3rem}.view-all-btn{color:#667eea;cursor:pointer;background:0 0;border:2px solid #667eea;border-radius:8px;padding:1rem 2rem;font-weight:600;transition:all .3s}.view-all-btn:hover{color:#fff;background:#667eea}.upcoming-courses-container{background:var(--bg-primary);padding:4rem 0}.upcoming-info-banner{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:1px solid #f59e0b;border-radius:12px;align-items:center;gap:1rem;max-width:1200px;margin-bottom:3rem;margin-left:auto;margin-right:auto;padding:1.5rem;display:flex}.info-icon{color:#f59e0b;flex-shrink:0;width:2rem;height:2rem}.info-content h3{color:#92400e;margin-bottom:.5rem;font-weight:600}.info-content p{color:#b45309}.upcoming-course-card{background:var(--bg-card);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:16px;transition:transform .3s;overflow:hidden}.upcoming-course-card:hover{transform:translateY(-5px)}.coming-soon-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:700}.countdown{color:#dc2626;background:#fee2e2;border-radius:12px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.detail-section{margin-bottom:1rem}.detail-section h4{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.features-grid{flex-wrap:wrap;gap:.5rem;display:flex}.feature-badge{color:#0369a1;background:#e0f2fe;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.notify-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.notify-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.notify-btn.notified{cursor:not-allowed;background:#6b7280}.btn-icon{width:1rem;height:1rem}.newsletter-signup{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;max-width:1200px;margin-top:3rem;margin-left:auto;margin-right:auto;padding:3rem 2rem}.newsletter-content h3{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.newsletter-content p{opacity:.9;margin-bottom:2rem}.newsletter-form{gap:1rem;max-width:400px;margin:0 auto;display:flex}.newsletter-input{border:none;border-radius:8px;outline:none;flex:1;padding:.75rem}.newsletter-btn{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fff3}.navbar-toggle{display:none}.navbar-menu{align-items:center;gap:1.5rem;display:flex}@media (max-width:900px){.courses-grid{grid-template-columns:1fr}}