@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#10b981;--secondary-dark:#059669;--accent:#aa3bff;--dark:#1e293b;--darker:#0f172a;--light:#f8fafc;--gray:#64748b;--gray-light:#e2e8f0;--white:#fff;--gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark]{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}@media (width<=1024px){:root{font-size:16px}}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#0891b2;--primary-dark:#0e7490;--primary-light:#06b6d4;--primary-subtle:#cffafe;--secondary:#10b981;--secondary-dark:#059669;--secondary-subtle:#d1fae5;--accent:#f59e0b;--accent-subtle:#fef3c7;--dark:#1e293b;--darker:#0f172a;--light:#f8fafc;--gray:#64748b;--gray-light:#e2e8f0;--white:#fff;--gradient:linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);--gradient-hover:linear-gradient(135deg, #0e7490 0%, #0891b2 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--text-primary:#1e293b;--text-secondary:#64748b;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--border-color:#e2e8f0;--card-bg:#fff;--input-bg:#fff;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--info:#3b82f6}[data-theme=dark]{--primary:#22d3ee;--primary-dark:#06b6d4;--primary-light:#67e8f9;--primary-subtle:#164e63;--secondary:#34d399;--secondary-dark:#10b981;--secondary-subtle:#064e3b;--accent:#fbbf24;--accent-subtle:#78350f;--dark:#e2e8f0;--darker:#0f172a;--light:#1e293b;--gray:#94a3b8;--gray-light:#334155;--white:#1e293b;--gradient:linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%);--gradient-hover:linear-gradient(135deg, #67e8f9 0%, #22d3ee 100%);--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080, 0 10px 10px -5px #0000004d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--border-color:#334155;--card-bg:#1e293b;--input-bg:#1e293b;--success:#34d399;--error:#f87171;--warning:#fbbf24;--info:#60a5fa}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-secondary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}[data-theme=dark] .course-price,[data-theme=dark] .course-category{color:var(--primary-light)}[data-theme=dark] .course-title,[data-theme=dark] .detail-item strong,[data-theme=dark] .course-instructor,[data-theme=dark] .form-group label{color:var(--text-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .search-input,[data-theme=dark] .filter-select{background:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .search-box{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .search-box input{color:var(--text-primary);background:0 0}[data-theme=dark] .filter-btn{background:var(--card-bg);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .page-container .page-header h1{color:var(--text-primary)}[data-theme=dark] .page-container .page-header p{color:var(--text-secondary)}[data-theme=dark] .auth-card{background:var(--card-bg)}[data-theme=dark] .auth-header h1,[data-theme=dark] .auth-card h1{color:var(--text-primary)}[data-theme=dark] .auth-header p,[data-theme=dark] .auth-card>p{color:var(--text-secondary)}[data-theme=dark] .navbar-links a,[data-theme=dark] .btn-ghost{color:var(--text-secondary)}[data-theme=dark] .btn-secondary{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .enrollment-card,[data-theme=dark] .feature-card,[data-theme=dark] .course-card,[data-theme=dark] .dashboard-section,[data-theme=dark] .stat-card,[data-theme=dark] .dashboard-sidebar,[data-theme=dark] .chart-card,[data-theme=dark] .users-management,[data-theme=dark] .courses-management,[data-theme=dark] .notification-card{background:var(--card-bg)}[data-theme=dark] .course-content,[data-theme=dark] .enrollment-content,[data-theme=dark] .dashboard-content h1,[data-theme=dark] .course-instructor,[data-theme=dark] .stat-card h3,[data-theme=dark] .stat-card .value{color:var(--text-primary)}[data-theme=dark] .stat-card h3{color:var(--text-secondary)}[data-theme=dark] .features{background:var(--bg-primary)}[data-theme=dark] .courses-section{background:var(--bg-tertiary)}[data-theme=dark] .progress-bar{background:var(--border-color)}[data-theme=dark] .section-header h2{color:var(--text-primary)}[data-theme=dark] .section-header p,[data-theme=dark] .feature-card p{color:var(--text-secondary)}[data-theme=dark] .feature-card h3{color:var(--text-primary)}[data-theme=dark] .enrollment-instructor,[data-theme=dark] .progress-info{color:var(--text-secondary)}[data-theme=dark] .enrollment-actions{border-top-color:var(--border-color)}.app{flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--white);box-shadow:var(--shadow);z-index:1000;padding:0 1.5rem;transition:all .3s;position:sticky;top:0}.navbar.scrolled{box-shadow:var(--shadow-lg)}[data-theme=dark] .navbar{background:var(--card-bg)}.navbar-container{justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;height:70px;margin:0 auto;display:flex}.navbar-logo{color:var(--primary);align-items:center;gap:.6rem;font-size:1.35rem;font-weight:800;text-decoration:none;transition:transform .2s;display:flex}.navbar-logo:hover{transform:scale(1.02)}.navbar-logo-icon{background:var(--gradient);width:38px;height:38px;color:var(--white);border-radius:10px;justify-content:center;align-items:center;display:flex}.navbar-brand-text{letter-spacing:-.5px;font-weight:700}.navbar-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-secondary);padding:.5rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.nav-link:after{content:"";background:var(--primary);width:0;height:2px;transition:width .2s;position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--primary)}.nav-link:hover:after{width:100%}.navbar-actions{align-items:center;gap:.75rem;display:flex}.user-dropdown-container{position:relative}.user-menu-btn{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.4rem .75rem;transition:all .2s;display:flex}.user-menu-btn:hover{background:var(--bg-tertiary);border-color:var(--primary)}.user-avatar-small{background:var(--gradient);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.user-menu-btn .user-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.user-menu-btn svg{color:var(--text-secondary);transition:transform .2s}.user-menu-btn svg.rotated{transform:rotate(180deg)}.user-dropdown{background:var(--card-bg);border:1px solid var(--border-color);width:260px;box-shadow:var(--shadow-lg);border-radius:12px;animation:.2s dropdownFadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:var(--bg-secondary);align-items:center;gap:.75rem;padding:1rem;display:flex}.dropdown-user-avatar{background:var(--gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.125rem;font-weight:700;display:flex}.dropdown-user-info{flex-direction:column;display:flex}.dropdown-user-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.dropdown-user-email{color:var(--text-secondary);font-size:.8rem}.dropdown-divider{background:var(--border-color);height:1px;margin:.25rem 0}.dropdown-link{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dropdown-link:hover{background:var(--bg-secondary);color:var(--primary)}.dropdown-link.logout{color:var(--error)}.dropdown-link.logout:hover{background:#ef44441a}.auth-buttons{align-items:center;gap:.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient);color:var(--white)}.btn-primary:hover{background:var(--gradient-hover);transform:translateY(-2px);box-shadow:0 8px 20px #0891b259}.btn-secondary{background:var(--white);color:var(--dark);border:2px solid var(--gray-light)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-ghost{color:var(--gray);background:0 0}.btn-ghost:hover{color:var(--primary);background:#6366f11a}.main-content{flex-direction:column;flex:1;min-height:calc(100vh - 70px);display:flex}.hero{background:linear-gradient(135deg, var(--darker) 0%, var(--dark) 100%);padding:6rem 2rem;position:relative;overflow:hidden}.hero:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236366f1' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;display:grid;position:relative}.hero-content h1{color:var(--white);margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-content h1 span{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-content p{color:var(--gray-light);max-width:500px;margin-bottom:2rem;font-size:1.25rem}.hero-buttons{gap:1rem;display:flex}.hero-buttons .btn{padding:.875rem 1.75rem;font-size:1rem}.hero-visual{justify-content:center;display:flex}.hero-image{width:100%;max-width:500px;box-shadow:var(--shadow-xl);border-radius:16px}.features{background:var(--white);padding:5rem 2rem}.features-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{color:var(--dark);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-header p{color:var(--gray);max-width:600px;margin:0 auto;font-size:1.125rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card{background:var(--light);border-radius:16px;padding:2rem;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.feature-icon.purple{color:var(--primary);background:#6366f126}.feature-icon.green{color:var(--secondary);background:#10b98126}.feature-icon.orange{color:var(--accent);background:#f59e0b26}.feature-card h3{color:var(--dark);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.feature-card p{color:var(--gray);font-size:.9375rem}.courses-section{background:var(--light);padding:5rem 2rem}.courses-container{max-width:1400px;margin:0 auto}.courses-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.course-card{background:var(--white);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:16px;transition:all .3s;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.course-thumbnail{background:var(--gradient);height:180px;color:var(--white);justify-content:center;align-items:center;font-size:3rem;display:flex;position:relative;overflow:hidden}.course-thumbnail-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.course-card:hover .course-thumbnail-overlay{opacity:1}.course-badge{background:var(--secondary);color:var(--white);border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;left:1rem}.course-badge.free{background:var(--primary)}.course-content{padding:1.5rem}.course-category{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.course-title{color:var(--dark);margin-bottom:.75rem;font-size:1.125rem;font-weight:600;line-height:1.4}.course-instructor{color:var(--gray);margin-bottom:1rem;font-size:.875rem}.course-meta{border-top:1px solid var(--gray-light);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.course-price{color:var(--primary);font-size:1.25rem;font-weight:700}.course-price.free{color:var(--secondary)}.course-rating{color:var(--accent);align-items:center;gap:.25rem;font-weight:600;display:flex}.page-header{background:linear-gradient(135deg, var(--darker) 0%, var(--dark) 100%);text-align:center;padding:4rem 2rem}.page-header h1{color:var(--white);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.page-header p{color:var(--gray-light);font-size:1.125rem}.courses-page{max-width:1400px;margin:0 auto;padding:3rem 2rem}.courses-filters{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.search-input{border:2px solid var(--gray-light);border-radius:8px;flex:1;min-width:250px;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s}.search-input:focus{border-color:var(--primary);outline:none}.filter-select{border:2px solid var(--gray-light);background:var(--white);cursor:pointer;border-radius:8px;min-width:180px;padding:.875rem 1rem;font-size:1rem}.filter-select:focus{border-color:var(--primary);outline:none}.course-detail{max-width:1200px;margin:0 auto;padding:3rem 2rem}.course-detail-grid{grid-template-columns:2fr 1fr;gap:3rem;display:grid}.course-info h1{margin-bottom:1rem;font-size:2rem;font-weight:700}.course-description{color:var(--gray);margin-bottom:2rem;font-size:1.0625rem}.course-details{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.detail-item{align-items:center;gap:.75rem;display:flex}.detail-item span{color:var(--gray)}.detail-item strong{color:var(--dark)}.course-sidebar{background:var(--white);box-shadow:var(--shadow);border-radius:16px;padding:2rem;position:sticky;top:100px}.enroll-price{color:var(--primary);margin-bottom:1.5rem;font-size:2rem;font-weight:700}.enroll-price.free{color:var(--secondary)}.enroll-button{width:100%;margin-bottom:1rem;padding:1rem;font-size:1.125rem}.enroll-features{list-style:none}.enroll-features li{border-bottom:1px solid var(--gray-light);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.enroll-features li:last-child{border-bottom:none}.enroll-features svg{color:var(--secondary)}.auth-page{background:var(--light);justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:2rem;display:flex}.auth-card{background:var(--white);width:100%;max-width:450px;box-shadow:var(--shadow-lg);border-radius:16px;padding:3rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{text-align:center;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.auth-header p{color:var(--gray);margin-bottom:0}.auth-card h1{text-align:center;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.auth-card>p,.auth-card p{color:var(--gray);text-align:center;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--dark);margin-bottom:.5rem;font-weight:500;display:block}.form-group input{border:2px solid var(--gray-light);border-radius:8px;width:100%;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--primary);outline:none}.input-with-icon{position:relative}.input-with-icon input{padding-left:2.75rem;padding-right:2.75rem}.input-icon{color:var(--gray);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.password-toggle{cursor:pointer;color:var(--gray);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--primary)}.form-footer{justify-content:flex-end;margin-bottom:.5rem;display:flex}.forgot-link{color:var(--primary);font-size:.875rem;text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-error{color:#dc2626;background:#fef2f2;border-left:3px solid #dc2626;border-radius:8px;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.875rem}.auth-button{width:100%;margin-top:1rem;padding:1rem;font-size:1rem}.auth-divider{color:var(--gray);align-items:center;gap:1rem;margin:1.5rem 0;font-size:.875rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--gray-light);flex:1;height:1px}.google-button{background:var(--white);border:2px solid var(--gray-light);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.875rem;font-weight:500;transition:all .2s;display:flex}.google-button:hover{border-color:var(--dark)}.google-button:disabled{opacity:.6;cursor:not-allowed}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.course-hero{background:linear-gradient(135deg, var(--darker) 0%, var(--dark) 100%);padding:3rem 2rem}.course-hero-content{max-width:1200px;margin:0 auto}.course-badges{gap:.75rem;margin-bottom:1rem;display:flex}.course-category-badge{background:var(--primary);color:#fff;text-transform:uppercase;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.course-free-badge{background:var(--secondary);color:#fff;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.course-hero h1{color:var(--white);margin-bottom:1rem;font-size:2.25rem;line-height:1.2}.course-hero-description{color:var(--gray-light);max-width:700px;margin-bottom:1.5rem;font-size:1.125rem}.course-hero-meta{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;display:flex}.course-instructor-row{align-items:center;gap:1rem;display:flex}.instructor-avatar{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:700;display:flex}.instructor-label{color:var(--gray-light);font-size:.75rem;display:block}.instructor-name{color:var(--primary-light);font-weight:600;text-decoration:none}.instructor-name:hover{text-decoration:underline}.course-section{background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:1.5rem;padding:2rem}.course-section h2{margin-bottom:1.5rem;font-size:1.5rem}.learning-outcomes{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.outcome-item{align-items:flex-start;gap:.75rem;display:flex}.outcome-item svg{color:var(--secondary);flex-shrink:0;margin-top:.25rem}.curriculum-header{color:var(--gray);margin-bottom:1rem}.curriculum-sections{border:1px solid var(--gray-light);border-radius:8px;overflow:hidden}.curriculum-section{border-bottom:1px solid var(--gray-light)}.curriculum-section:last-child{border-bottom:none}.section-header{background:var(--light);cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;transition:background .2s;display:flex}.section-header:hover{background:var(--gray-light)}.section-info{align-items:center;gap:.75rem;display:flex}.section-title{color:var(--dark);font-weight:600}.section-meta{color:var(--gray);font-size:.875rem}.section-content{background:var(--white)}.lesson-item{border-top:1px solid var(--gray-light);align-items:center;gap:1rem;padding:.875rem 1.25rem .875rem 2.5rem;display:flex}.lesson-icon{color:var(--gray)}.lesson-title{color:var(--dark);flex:1}.lesson-duration{color:var(--gray);font-size:.875rem}.instructor-card{background:var(--light);border-radius:8px;gap:1.5rem;padding:1.5rem;display:flex}.instructor-card-avatar{background:var(--gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex}.instructor-card-info h3{margin-bottom:.25rem;font-size:1.25rem}.instructor-card-info .instructor-title{color:var(--gray);margin-bottom:1rem}.instructor-stat{color:var(--gray);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.reviews-summary{margin-bottom:1.5rem}.rating-overview{background:var(--light);border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;max-width:200px;padding:1.5rem;display:flex}.rating-big{color:var(--dark);font-size:3rem;font-weight:700}.rating-stars{gap:.25rem;display:flex}.rating-count{color:var(--gray);font-size:.875rem}.review-card{border:1px solid var(--gray-light);border-radius:8px;margin-bottom:1rem;padding:1.25rem}.review-header{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.review-avatar{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:600;display:flex}.review-info{flex:1}.review-info h4{margin-bottom:.25rem;font-size:.9375rem}.review-rating{gap:.125rem;display:flex}.review-date{color:var(--gray);font-size:.75rem}.review-comment{color:var(--gray);line-height:1.6}.review-actions{margin-top:.75rem}.review-action{color:var(--gray);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:0;font-size:.8125rem;display:flex}.review-action:hover{color:var(--primary)}.no-reviews{text-align:center;color:var(--gray);padding:2rem}.review-form{border-top:1px solid var(--gray-light);margin-top:2rem;padding-top:2rem}.review-form h3,.rating-select{margin-bottom:1rem}.rating-select>span{margin-bottom:.5rem;font-weight:500;display:block}.rating-stars-interactive{gap:.25rem;display:flex}.star-btn{cursor:pointer;background:0 0;border:none;padding:0}.review-form textarea{border:2px solid var(--gray-light);resize:vertical;border-radius:8px;width:100%;margin-bottom:1rem;padding:.875rem;font-size:1rem}.review-form textarea:focus{border-color:var(--primary);outline:none}.course-preview{margin-bottom:1.5rem}.preview-thumbnail{background:var(--gradient);cursor:pointer;background-position:50%;background-size:cover;border-radius:12px;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.preview-overlay{opacity:0;background:#0006;border-radius:12px;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.preview-thumbnail:hover .preview-overlay{opacity:1}.preview-overlay span{color:#fff;font-size:1.125rem;font-weight:600}.course-includes{border-top:1px solid var(--gray-light);margin-top:1.5rem;padding-top:1.5rem}.course-includes h3{margin-bottom:1rem;font-size:1rem}.course-actions{gap:1rem;margin-top:1.5rem;display:flex}.course-actions .action-btn{border:1px solid var(--gray-light);color:var(--gray);cursor:pointer;background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:500;transition:all .2s;display:flex}.course-actions .action-btn:hover{border-color:var(--primary);color:var(--primary)}.course-detail-loading,.course-detail-error{max-width:1200px;margin:0 auto;padding:2rem}.guarantee-text{text-align:center;color:var(--gray);margin-bottom:1.5rem;font-size:.8125rem}@media (width<=1024px){.learning-outcomes{grid-template-columns:1fr}.instructor-card{text-align:center;flex-direction:column;align-items:center}.instructor-stats{justify-content:center}}.btn .spinner{animation:1s linear infinite spin}.auth-footer{text-align:center;color:var(--gray);margin-top:1.5rem}.auth-footer a{color:var(--primary);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.dashboard{max-width:1400px;margin:0 auto;padding:3rem 2rem}.dashboard-grid{grid-template-columns:250px 1fr;gap:2rem;display:grid}.dashboard-sidebar{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;height:fit-content;padding:1.5rem}.sidebar-menu{list-style:none}.sidebar-menu li{margin-bottom:.5rem}.sidebar-menu a{color:var(--gray);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-menu a:hover,.sidebar-menu a.active{color:var(--primary);background:#6366f11a}.dashboard-content h1{margin-bottom:2rem;font-size:1.75rem;font-weight:700}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.5rem}.stat-card h3{color:var(--gray);margin-bottom:.5rem;font-size:.875rem}.stat-card .value{color:var(--dark);font-size:2rem;font-weight:700}.dashboard-section{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:2rem;padding:2rem}.dashboard-section h2{margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.toast,.toast-success,.toast-info,.toast-error{background:var(--dark);color:var(--white);box-shadow:var(--shadow-lg);z-index:9999;border-radius:8px;padding:1rem 1.5rem;font-size:1rem;font-weight:500;animation:.3s slideIn;position:fixed;bottom:2rem;right:2rem}.toast-success{background:var(--secondary)}.toast-info{background:var(--primary)}.toast-error{background:#dc2626}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.loading{justify-content:center;align-items:center;min-height:400px;display:flex}.spinner{border:4px solid var(--gray-light);border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-content p{margin:0 auto 2rem}.hero-buttons{justify-content:center}.hero-visual{display:none}.features-grid,.courses-grid{grid-template-columns:repeat(2,1fr)}.course-detail-grid{grid-template-columns:1fr}.course-sidebar{position:static}.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.navbar-container{padding:0 1rem}.navbar-links,.navbar-actions{display:none}.mobile-menu-btn{display:flex}.hero-content h1{font-size:2.5rem}.features-grid,.courses-grid{grid-template-columns:1fr}.courses-filters{flex-direction:column}.search-input,.filter-select{width:100%}.hero-content p{font-size:1rem}.hero-buttons{flex-direction:column}.hero-buttons .btn{justify-content:center;width:100%}.section-header h2{font-size:1.75rem}.course-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.learning-outcomes{grid-template-columns:1fr}.course-actions{flex-direction:column}.enroll-features li{font-size:.875rem}.dashboard-sidebar{padding:1rem}.sidebar-menu a{padding:.625rem .75rem;font-size:.875rem}.users-table th,.users-table td{padding:.75rem .5rem;font-size:.875rem}.instructor-header{padding:1.5rem}.instructor-avatar{width:100px;height:100px;font-size:2rem}.instructor-header h1{font-size:1.5rem}.instructor-stats{flex-wrap:wrap;justify-content:center}.quiz-intro-footer{flex-direction:column}.quiz-navigation{flex-direction:column;gap:1rem}.question-dots{order:-1}.result-stats{flex-direction:column;gap:1rem}.result-actions{flex-direction:column}.result-actions .btn{justify-content:center;width:100%}.auth-card{margin:1rem;padding:1.5rem}.auth-card h1{font-size:1.5rem}.form-group input{font-size:.9375rem}.google-button,.auth-button{padding:.75rem}}.theme-toggle-btn{background:var(--bg-secondary);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle-btn:hover{background:var(--primary);color:#fff}.theme-toggle-btn.large{border-radius:12px;width:48px;height:48px}.mobile-menu-btn{width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .2s;display:none}.mobile-menu-btn:hover{background:var(--bg-tertiary)}.mobile-menu{background:var(--bg-primary);z-index:999;transition:transform .3s;display:none;position:fixed;inset:70px 0 0;overflow-y:auto;transform:translate(100%)}.mobile-menu.active{transform:translate(0)}.mobile-menu-content{flex-direction:column;gap:.25rem;padding:1.5rem;display:flex}.mobile-user-section{background:var(--bg-secondary);border-radius:12px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.mobile-user-avatar{background:var(--gradient);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.mobile-user-info{flex-direction:column;display:flex}.mobile-user-name{color:var(--text-primary);font-size:1rem;font-weight:600}.mobile-user-email{color:var(--text-secondary);font-size:.8rem}.mobile-link{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-link:hover{background:var(--bg-tertiary)}.mobile-link.mobile-cta{background:var(--gradient);color:#fff;justify-content:center;margin-top:.5rem}.mobile-link.mobile-cta:hover{opacity:.9}.mobile-link.logout{color:var(--error)}.mobile-link.logout:hover{background:#ef44441a}.mobile-divider{background:var(--border-color);height:1px;margin:.75rem 0}.mobile-theme-toggle{background:var(--bg-tertiary);border-radius:12px;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem;display:flex}.mobile-theme-toggle span{color:var(--text-primary);font-weight:500}@media (width<=1024px){.mobile-menu-btn{display:flex}.mobile-menu{display:block}}@media (width<=640px){.hero{padding:3rem 1rem}.hero-content h1{font-size:1.875rem}.hero-content p{font-size:.9375rem}.features{padding:3rem 1rem}.features-grid{gap:1rem}.feature-card{padding:1.5rem}.courses-section{padding:3rem 1rem}.courses-grid{gap:1rem}.course-thumbnail{height:150px}.course-content{padding:1rem}.course-title{font-size:1rem}.stat-card{padding:1.25rem}.stat-card .value{font-size:1.5rem}.admin-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-tab{white-space:nowrap;padding:.75rem 1rem;font-size:.875rem}.chart-card,.notification-card{padding:1rem}.notification-icon{width:36px;height:36px}.quiz-intro{padding:1rem}.quiz-intro-card{border-radius:12px}.quiz-intro-header{padding:2rem 1rem}.quiz-intro-header h1{font-size:1.5rem}.quiz-intro-body{padding:1.5rem 1rem}.quiz-stats{flex-wrap:wrap;gap:1rem;padding:1rem}.quiz-stat .stat-value{font-size:1.5rem}.quiz-question-card{margin:0 1rem 1rem;padding:1.5rem 1rem}.question-text{font-size:1.125rem}.option-button{padding:.875rem 1rem}.option-letter{width:32px;height:32px;font-size:.875rem}.option-text{font-size:.9375rem}.quiz-result{margin:1rem;padding:2rem 1rem}.result-icon{width:80px;height:80px}.quiz-result h1{font-size:1.5rem}.page-container{padding:1rem}.page-container .page-header h1{font-size:1.5rem}.filters-bar{flex-direction:column}.search-box{min-width:unset}.filter-buttons{-webkit-overflow-scrolling:touch;padding-bottom:.5rem;overflow-x:auto}.filter-btn{white-space:nowrap;padding:.625rem 1rem;font-size:.875rem}.enrollments-grid{grid-template-columns:1fr}.enrollment-thumbnail{height:150px}.enrollment-content{padding:1rem}.enrollment-actions{flex-direction:column}.enrollment-stats{padding:1rem}.dashboard{padding:1.5rem 1rem}.dashboard-content h1{font-size:1.5rem}.footer-brand-text{display:none}.navbar-brand-text{font-size:1rem}.user-name,.login-btn{display:none}}.page-container{max-width:1400px;min-height:calc(100vh - 70px);margin:0 auto;padding:2rem}.page-container .page-header{text-align:left;background:0 0;margin-bottom:2rem;padding:0}.page-container .page-header h1{color:var(--dark);font-size:2rem}.page-container .page-header p{color:var(--gray)}.filters-bar{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.search-box{background:var(--white);border:2px solid var(--gray-light);border-radius:8px;flex:1;align-items:center;gap:.75rem;min-width:250px;padding:.75rem 1rem;display:flex}.search-box input{border:none;outline:none;flex:1;font-size:1rem}.search-box svg{color:var(--gray)}.filter-buttons{gap:.5rem;display:flex}.filter-btn{border:2px solid var(--gray-light);background:var(--white);color:var(--gray);cursor:pointer;border-radius:8px;padding:.75rem 1.25rem;font-weight:500;transition:all .2s}.filter-btn:hover,.filter-btn.active{border-color:var(--primary);color:var(--primary);background:#6366f11a}.enrollments-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.enrollment-card{background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.enrollment-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.enrollment-thumbnail{height:180px;color:var(--white);background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);justify-content:center;align-items:center;display:flex;position:relative}.enrollment-thumbnail svg{opacity:.5}.completed-badge{background:var(--secondary);color:var(--white);border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:1rem;right:1rem}.enrollment-content{padding:1.25rem}.enrollment-content h3{margin-bottom:.5rem;font-size:1.125rem}.enrollment-instructor{color:var(--gray);margin-bottom:1rem;font-size:.875rem}.progress-bar{background:var(--gray-light);border-radius:3px;height:6px;margin-bottom:.75rem;overflow:hidden}.progress-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.progress-info{color:var(--gray);justify-content:space-between;font-size:.875rem;display:flex}.enrollment-actions{border-top:1px solid var(--gray-light);gap:.75rem;padding:1rem 1.25rem;display:flex}.enrollment-stats{background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;gap:2rem;margin-top:3rem;padding:1.5rem;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-value{color:var(--primary);font-size:1.5rem;font-weight:700}.empty-state{text-align:center;color:var(--gray);padding:4rem 2rem}.empty-state svg{opacity:.5;margin-bottom:1rem}.empty-state h2{color:var(--dark);margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem}.admin-tabs{border-bottom:2px solid var(--gray-light);gap:.5rem;margin-bottom:2rem;display:flex}.admin-tab{color:var(--gray);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-2px;padding:1rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.admin-tab:hover,.admin-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.admin-stat-card{background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:relative}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.stat-icon.primary{color:var(--primary);background:#6366f11a}.stat-icon.secondary{color:var(--secondary);background:#10b9811a}.stat-icon.accent{color:var(--accent);background:#f59e0b1a}.stat-icon.success{color:var(--secondary);background:#10b9811a}.stat-info{flex-direction:column;display:flex}.stat-info .stat-value{font-size:1.5rem;font-weight:700}.stat-info .stat-label{color:var(--gray);font-size:.875rem}.stat-change{font-size:.75rem;font-weight:600;position:absolute;top:1rem;right:1rem}.stat-change.positive{color:var(--secondary)}.stat-change.negative{color:#ef4444}.admin-charts{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.chart-card{background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.5rem}.chart-card h3{margin-bottom:1rem;font-size:1rem}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{align-items:flex-start;gap:1rem;display:flex}.activity-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;margin-top:.5rem}.activity-content p{margin-bottom:.25rem;font-size:.875rem}.activity-content span{color:var(--gray);font-size:.75rem}.top-courses-list{flex-direction:column;gap:.75rem;display:flex}.top-course-item{background:var(--light);border-radius:8px;align-items:center;gap:1rem;padding:.75rem;display:flex}.top-course-item .rank{color:var(--primary);width:30px;font-weight:700}.top-course-item .course-info{flex:1}.top-course-item .course-info h4{margin-bottom:.25rem;font-size:.875rem}.top-course-item .course-info span{color:var(--gray);font-size:.75rem}.top-course-item .course-rating{color:var(--accent);font-weight:600}.users-management,.courses-management{background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.5rem}.users-header,.courses-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.users-table,.courses-table{overflow-x:auto}.users-table table,.courses-table table{border-collapse:collapse;width:100%}.users-table th,.users-table td,.courses-table th,.courses-table td{text-align:left;border-bottom:1px solid var(--gray-light);padding:1rem}.users-table th,.courses-table th{color:var(--gray);font-size:.875rem;font-weight:600}.role-badge{text-transform:capitalize;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.role-badge.admin{color:var(--primary);background:#6366f11a}.role-badge.instructor{color:var(--accent);background:#f59e0b1a}.role-badge.student{color:var(--secondary);background:#10b9811a}.status-badge{text-transform:capitalize;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge.active{color:var(--secondary);background:#10b9811a}.status-badge.blocked{color:#ef4444;background:#ef44441a}.status-badge.published{color:var(--secondary);background:#10b9811a}.action-buttons{gap:.5rem;display:flex}.action-btn{background:var(--light);cursor:pointer;color:var(--gray);border:none;border-radius:6px;padding:.5rem;transition:all .2s}.action-btn:hover{background:var(--gray-light);color:var(--dark)}.action-btn.danger:hover{color:#ef4444;background:#ef44441a}.action-btn.success:hover{color:var(--secondary);background:#10b9811a}.settings-panel{max-width:600px}.settings-card{background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.5rem}.settings-card h3,.setting-item{margin-bottom:1.5rem}.setting-item label{margin-bottom:.5rem;font-weight:500;display:block}.setting-item input{border:2px solid var(--gray-light);border-radius:8px;width:100%;padding:.75rem;font-size:1rem}.setting-item input:focus{border-color:var(--primary);outline:none}.notifications-filters{gap:.5rem;margin-bottom:1.5rem;display:flex}.notifications-list{flex-direction:column;gap:1rem;display:flex}.notification-card{background:var(--white);box-shadow:var(--shadow-sm);border-left:3px solid #0000;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.notification-card.unread{border-left-color:var(--primary);background:#6366f105}.notification-card.read{border-left-color:var(--gray-light)}.notification-icon{width:40px;height:40px;color:var(--primary);background:#6366f11a;border-radius:10px;justify-content:center;align-items:center;display:flex}.notification-content{flex:1}.notification-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.notification-header h3{font-size:1rem}.notification-time{color:var(--gray);font-size:.75rem}.notification-content p{color:var(--gray);font-size:.875rem}.notification-actions{gap:.5rem;display:flex}.instructor-profile{max-width:1200px;margin:0 auto}.instructor-header{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;align-items:flex-start;gap:2rem;margin-bottom:2rem;padding:2rem;display:flex}.instructor-avatar{background:var(--gradient);width:120px;height:120px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex}.instructor-info{flex:1}.instructor-info h1{margin-bottom:.25rem;font-size:2rem}.instructor-title{color:var(--gray);margin-bottom:1rem}.instructor-bio{color:var(--dark);margin-bottom:1rem}.instructor-stats{gap:1.5rem;display:flex}.instructor-stats .stat{color:var(--gray);align-items:center;gap:.5rem;display:flex}.instructor-stats .stat.verified{color:var(--secondary)}.instructor-actions{gap:1rem;display:flex}.instructor-tabs{border-bottom:2px solid var(--gray-light);gap:.5rem;margin-bottom:2rem;display:flex}.tab-btn{color:var(--gray);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:1rem 1.5rem;font-weight:500;transition:all .2s}.tab-btn:hover,.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.instructor-about{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px;padding:2rem}.about-section{margin-bottom:2rem}.about-section h3{margin-bottom:1rem}.experience-list{flex-direction:column;gap:1rem;display:flex}.experience-item{align-items:flex-start;gap:1rem;display:flex}.experience-item svg{color:var(--primary);margin-top:.25rem}.reviews-list{flex-direction:column;gap:1rem;display:flex}.review-card{background:var(--light);border-radius:8px;padding:1rem}.review-header{gap:1rem;margin-bottom:.75rem;display:flex}.reviewer-avatar{background:var(--primary);width:40px;height:40px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.review-header h4{margin-bottom:.25rem;font-size:.875rem}.review-rating{color:var(--accent);gap:.125rem;display:flex}.review-rating svg{fill:currentColor}.review-comment{color:var(--gray);font-size:.875rem}.loading-container{min-height:400px;color:var(--gray);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@media (width<=1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-charts{grid-template-columns:1fr}.instructor-header{text-align:center;flex-direction:column;align-items:center}.instructor-stats{justify-content:center}.instructor-actions{justify-content:center;width:100%}}@media (width<=768px){.enrollments-grid,.admin-stats-grid{grid-template-columns:1fr}.enrollment-stats{flex-direction:column;gap:1rem}}.quiz-intro{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.quiz-intro-card{background:var(--white);box-shadow:var(--shadow-lg);border-radius:20px;width:100%;max-width:600px;overflow:hidden}.quiz-intro-header{background:var(--gradient);text-align:center;color:var(--white);padding:3rem 2rem}.quiz-intro-header h1{margin-top:1rem;font-size:1.75rem}.quiz-intro-body{padding:2rem}.quiz-intro-body p{color:var(--gray);text-align:center;margin-bottom:2rem}.quiz-stats{background:var(--light);border-radius:12px;justify-content:space-around;margin-bottom:2rem;padding:1.5rem;display:flex}.quiz-stat{text-align:center}.quiz-stat .stat-value{color:var(--dark);font-size:2rem;font-weight:700;display:block}.quiz-stat .stat-label{color:var(--gray);font-size:.875rem}.previous-attempts{border-top:1px solid var(--gray-light);margin-top:1.5rem;padding-top:1.5rem}.previous-attempts h3{margin-bottom:1rem;font-size:1rem}.attempts-list{flex-wrap:wrap;gap:.5rem;display:flex}.attempt-item{border-radius:8px;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.attempt-item.passed{color:#166534;background:#dcfce7}.attempt-item.failed{color:#991b1b;background:#fee2e2}.enroll-warning{color:#92400e;background:#fef3c7;border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;display:flex}.quiz-intro-footer{background:var(--light);gap:1rem;padding:1.5rem 2rem;display:flex}.quiz-intro-footer .btn{flex:1;justify-content:center}.quiz-progress-bar{background:var(--gray-light);z-index:100;height:6px;position:fixed;top:70px;left:0;right:0}.quiz-progress-bar .progress-fill{background:var(--gradient);height:100%;transition:width .3s}.quiz-header{background:var(--white);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;display:flex}.quiz-timer{background:var(--light);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1.25rem;font-weight:600;display:flex}.quiz-timer .timer-warning{color:#dc2626;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.quiz-progress-text{color:var(--gray);font-weight:500}.quiz-question-card{background:var(--white);max-width:800px;box-shadow:var(--shadow);border-radius:16px;margin:0 auto 2rem;padding:2rem}.question-text{margin-bottom:2rem;font-size:1.5rem;line-height:1.5}.options-list{flex-direction:column;gap:1rem;display:flex}.option-button{background:var(--light);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .2s;display:flex}.option-button:hover{background:var(--white);border-color:var(--primary-light)}.option-button.selected{border-color:var(--primary);background:#e0e7ff}.option-letter{background:var(--primary);width:36px;height:36px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.option-text{flex:1;font-size:1rem}.option-check{color:var(--primary)}.quiz-navigation{background:var(--white);max-width:800px;box-shadow:var(--shadow-sm);border-radius:12px;justify-content:space-between;align-items:center;margin:0 auto;padding:1.5rem;display:flex}.question-dots{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.question-dot{background:var(--gray-light);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:all .2s}.question-dot.active{background:var(--primary);transform:scale(1.2)}.question-dot.answered{background:var(--secondary)}.quiz-result{background:var(--white);max-width:600px;box-shadow:var(--shadow-lg);text-align:center;border-radius:20px;margin:2rem auto;padding:3rem 2rem}.result-icon{border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 2rem;display:flex}.result-icon.passed{color:#166534;background:#dcfce7}.result-icon.failed{color:#991b1b;background:#fee2e2}.quiz-result h1{margin-bottom:.5rem;font-size:2rem}.result-message{color:var(--gray);margin-bottom:2rem}.result-stats{background:var(--light);border-radius:12px;justify-content:space-around;margin-bottom:2rem;padding:2rem;display:flex}.result-stat{text-align:center}.result-stat .result-value{color:var(--dark);font-size:2rem;font-weight:700;display:block}.result-stat .result-label{color:var(--gray);font-size:.875rem}.result-actions{justify-content:center;gap:1rem;display:flex}.quizzes-list{flex-direction:column;gap:1rem;display:flex}.quiz-card{background:var(--light);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:all .2s;display:flex}.quiz-card:hover{background:var(--white);box-shadow:var(--shadow)}.quiz-icon{background:var(--gradient);width:50px;height:50px;color:var(--white);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quiz-info{flex:1}.quiz-info h3{margin-bottom:.25rem;font-size:1.125rem}.quiz-info p{color:var(--gray);margin-bottom:.5rem;font-size:.875rem}.quiz-meta{color:var(--gray);gap:1rem;font-size:.75rem;display:flex}.quiz-meta span{align-items:center;gap:.25rem;display:flex}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);margin-top:auto}.footer-main{background:linear-gradient(135deg, var(--darker) 0%, var(--dark) 100%);padding:4rem 2rem 3rem}[data-theme=dark] .footer-main{background:linear-gradient(135deg,#1e1b4b 0%,#0f172a 100%)}.footer-container{grid-template-columns:1.5fr 1fr 1fr 1.2fr 1.2fr;gap:2.5rem;max-width:1400px;margin:0 auto;display:grid}.footer-brand{max-width:320px}.footer-logo{align-items:center;gap:.75rem;margin-bottom:1.25rem;text-decoration:none;display:flex}.footer-logo-icon{background:var(--gradient);width:48px;height:48px;color:var(--white);border-radius:12px;justify-content:center;align-items:center;display:flex}.footer-logo span{color:var(--white);font-size:1.375rem;font-weight:800}.footer-description{color:#ffffffbf;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.7}.footer-social{gap:.75rem;display:flex}.social-link{width:40px;height:40px;color:var(--white);background:#ffffff1a;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:all .25s;display:flex}.social-link:hover{background:var(--primary);transform:translateY(-3px)}.footer-section{min-width:0}.footer-section h3{color:var(--white);letter-spacing:.3px;margin-bottom:1.25rem;font-size:1.0625rem;font-weight:600}.footer-links{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-links li a{color:#ffffffb3;align-items:center;gap:.5rem;font-size:.9375rem;text-decoration:none;transition:all .2s;display:flex}.footer-links li a svg{color:var(--primary-light);opacity:0;transition:all .2s;transform:translate(-5px)}.footer-links li a:hover{color:var(--white);transform:translate(5px)}.footer-links li a:hover svg{opacity:1;transform:translate(0)}.footer-contact{flex-direction:column;gap:1rem;display:flex}.contact-item{color:#ffffffb3;align-items:center;gap:.75rem;font-size:.9375rem;text-decoration:none;transition:color .2s;display:flex}.contact-item:hover{color:var(--white)}.contact-item svg{color:var(--primary-light);flex-shrink:0}.footer-newsletter p{color:#ffffffb3;margin-bottom:1rem;font-size:.9375rem;line-height:1.6}.newsletter-input{color:var(--white);background:#ffffff1a;border:2px solid #ffffff26;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.newsletter-input::placeholder{color:#ffffff80}.newsletter-input:focus{border-color:var(--primary-light);background:#ffffff26;outline:none}.newsletter-btn{background:var(--gradient);color:var(--white);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .2s}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.footer-whatsapp p{color:#ffffffb3;margin-bottom:1rem;font-size:.9375rem;line-height:1.6}.whatsapp-btn{color:#fff;background:#25d366;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.whatsapp-btn:hover{background:#128c7e;transform:translateY(-2px);box-shadow:0 4px 12px #25d36666}.whatsapp-note{color:#ffffff80!important;margin-top:.75rem!important;margin-bottom:0!important;font-size:.75rem!important}.whatsapp-float{color:#fff;width:60px;height:60px;box-shadow:var(--shadow-lg);z-index:999;background:#25d366;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;animation:2s infinite whatsappPulse;display:flex;position:fixed;bottom:2rem;right:2rem}.whatsapp-float:hover{background:#128c7e;transform:scale(1.1)}@keyframes whatsappPulse{0%{box-shadow:0 0 #25d36680}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}@media (width<=768px){.whatsapp-float{width:56px;height:56px;bottom:1rem;right:1rem}}.footer-bottom{background:#0003;padding:1.25rem 2rem}.footer-bottom-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;display:flex}.footer-bottom p{color:#fff9;font-size:.875rem}.footer-bottom-links{gap:1.5rem;display:flex}.footer-bottom-links a{color:#fff9;font-size:.875rem;text-decoration:none;transition:color .2s}.footer-bottom-links a:hover{color:var(--white)}@media (width<=1200px){.footer-container{grid-template-columns:repeat(3,1fr);gap:2rem}.footer-brand{text-align:center;grid-column:span 3;max-width:100%}.footer-description{max-width:500px;margin:0 auto 1.5rem}.footer-social{justify-content:center}.footer-section{text-align:center}.footer-links li a{justify-content:center}.footer-contact{align-items:center}.contact-item{justify-content:center}.newsletter-form{flex-direction:column}.newsletter-btn{width:100%}.footer-whatsapp{grid-column:span 3}.whatsapp-btn{justify-content:center;width:100%}}@media (width<=768px){.footer-main{padding:3rem 1rem 2rem}.footer-container{grid-template-columns:1fr 1fr;gap:1.5rem}.footer-brand{grid-column:span 2}.footer-section h3{font-size:1rem}.footer-links li a,.contact-item,.newsletter-input,.newsletter-btn{font-size:.875rem}.footer-bottom-container{text-align:center;flex-direction:column}.footer-bottom-links{gap:1rem}.footer-bottom-links a{font-size:.8125rem}.footer-whatsapp{grid-column:span 2}}@media (width<=480px){.footer-container{grid-template-columns:1fr}.footer-brand{grid-column:span 1}.footer-section{border-top:1px solid #ffffff1a;padding-top:1rem}.footer-section:first-of-type{border-top:none;padding-top:0}.footer-section h3{margin-bottom:1rem}.footer-links,.footer-social{gap:.5rem}.social-link{width:36px;height:36px}.footer-whatsapp{grid-column:span 1}}.hero-badge{color:#ef4444;background:linear-gradient(135deg,#ef444426 0%,#ef44440d 100%);border:1px solid #ef44444d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.live-classroom-hero{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4c1d95 100%);padding:6rem 2rem;position:relative;overflow:hidden}.live-classroom-hero:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-stats{gap:2rem;margin-top:2rem;display:flex}.hero-stat{color:#ffffffe6;align-items:center;gap:.75rem;display:flex}.hero-stat svg{color:#818cf8}.hero-stat strong{font-size:1.5rem;font-weight:700;display:block}.hero-stat span{opacity:.8;font-size:.875rem}.live-classroom-visual{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;padding:2rem;position:relative}.live-indicator{color:#fff;letter-spacing:.05em;background:#ef4444;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:1rem;right:1rem}.live-indicator .pulse{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}.class-preview{color:#fff;flex-direction:column;align-items:center;gap:1rem;display:flex}.class-preview svg{color:#818cf8}.instructor-mini{width:60px;height:60px;position:relative}.instructor-mini img{object-fit:cover;border:3px solid #818cf8;border-radius:50%;width:60px;height:60px}.instructor-mini .status-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.class-info{text-align:center}.class-info .topic{opacity:.8;font-size:.875rem;display:block}.class-info .title{margin:.25rem 0;font-size:1.25rem;font-weight:600;display:block}.class-info .participants{opacity:.8;align-items:center;gap:.25rem;font-size:.875rem;display:flex}.interaction-bubbles{justify-content:space-between;display:flex;position:absolute;bottom:-20px;left:-30px;right:-30px}.bubble{color:#1e293b;box-shadow:var(--shadow);background:#fff;border-radius:1rem;padding:.5rem 1rem;font-size:.75rem;animation:3s ease-in-out infinite float}.bubble.b1{animation-delay:0s}.bubble.b2{animation-delay:.5s}.bubble.b3{animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(5deg)}}.upcoming-classes{background:var(--bg-secondary);padding:4rem 2rem}.section-container{max-width:1400px;margin:0 auto}.section-header{justify-content:space-between;align-items:flex-start;margin-bottom:3rem;display:flex}.section-header.centered{text-align:center;flex-direction:column;align-items:center}.section-header h2{align-items:center;gap:.75rem;font-size:2rem;font-weight:700;display:flex}.section-header h2 svg{color:var(--primary)}.section-header p{color:var(--text-secondary);margin-top:.5rem}.view-all-link{color:var(--primary);font-weight:600;text-decoration:none}.view-all-link:hover{text-decoration:underline}.live-classes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.live-class-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;transition:all .3s}.live-class-card:hover{box-shadow:var(--shadow-lg)}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.topic-tag{color:var(--primary);background:#6366f11a;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.class-timing{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.class-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.instructor-info{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.instructor-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.instructor-name{color:var(--text-primary);font-weight:600}.instructor-badge{color:var(--secondary);background:#10b9811a;border-radius:9999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;display:flex}.class-meta{gap:1.5rem;margin-bottom:1rem;display:flex}.meta-item{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.875rem;display:flex}.spots-warning{margin-bottom:1rem}.spots-bar{background:var(--gray-light);border-radius:2px;height:4px;margin-bottom:.25rem;overflow:hidden}.spots-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);border-radius:2px;height:100%}.spots-warning span{color:var(--text-secondary);font-size:.75rem}.spots-warning span.urgent{color:#ef4444;font-weight:600}.batch-schedule{background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);padding:4rem 2rem}.batches-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.batch-card{background:var(--card-bg);text-align:center;border:2px solid var(--border-color);border-radius:1rem;padding:2rem;position:relative}.batch-card.featured{border-color:var(--primary);transform:scale(1.05)}.batch-badge{background:var(--primary);color:#fff;border-radius:9999px;padding:.25rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.batch-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.batch-card h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.batch-timing{color:var(--primary);margin-bottom:1rem;font-weight:600}.batch-features{text-align:left;list-style:none}.batch-features li{color:var(--text-secondary);align-items:center;gap:.5rem;padding:.5rem 0;font-size:.875rem;display:flex}.batch-features li svg{color:var(--secondary)}.live-features{background:var(--bg-primary)}.courses-page-header{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);padding:4rem 2rem}.courses-page-header h1{color:#fff;font-size:2.5rem}.courses-page-header p{color:#fffc;margin-top:.5rem}.filter-toggle{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;color:var(--text-secondary);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex}.filter-toggle:hover{border-color:var(--primary)}.filter-toggle.active{color:#ef4444;background:#ef44441a;border-color:#ef4444}.courses-info{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.courses-count{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.courses-count .live-badge{color:#ef4444;background:#ef44441a;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.search-filter{flex:1;max-width:400px;position:relative}.search-filter .search-icon{color:var(--text-secondary);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.live-classes-hero{text-align:center;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4c1d95 100%);padding:6rem 2rem}.live-classes-hero .hero-content{max-width:800px;margin:0 auto}.hero-features{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;display:flex}.hero-features .feature-item{color:#ffffffe6;align-items:center;gap:.5rem;display:flex}.hero-features .feature-item svg{color:#818cf8}.filters-section{background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:100;padding:1.5rem 2rem;position:sticky;top:70px}.filters-container{flex-wrap:wrap;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;display:flex}.search-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;flex:1;align-items:center;gap:.75rem;max-width:400px;padding:.75rem 1rem;display:flex}.search-box input{background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.filter-group{flex-wrap:wrap;gap:1rem;display:flex}.results-section{background:var(--bg-secondary);padding:1rem 2rem}.results-container{max-width:1400px;margin:0 auto}.results-count{color:var(--text-secondary);font-size:.875rem}.live-classes-grid-section{background:var(--bg-secondary);padding:2rem}.grid-container{max-width:1400px;margin:0 auto}.live-class-detail-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;transition:all .3s;overflow:hidden}.live-class-detail-card:hover{box-shadow:var(--shadow-lg)}.card-thumbnail{height:200px;position:relative;overflow:hidden}.card-thumbnail img{object-fit:cover;width:100%;height:100%}.thumbnail-overlay{justify-content:space-between;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.level-badge,.topic-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.level-badge{background:var(--primary);color:#fff}.topic-badge{color:#fff;background:#0009}.live-class-detail-card .live-indicator{top:1rem}.card-body{padding:1.5rem}.class-schedule{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.schedule-item{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.class-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.instructor-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem 0;display:flex}.instructor-details{flex:1}.instructor-details .instructor-name{margin-bottom:.25rem;font-weight:600;display:block}.instructor-stats{color:var(--text-secondary);gap:1rem;font-size:.75rem;display:flex}.instructor-stats span{align-items:center;gap:.25rem;display:flex}.class-features{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.feature-tag{color:var(--secondary);background:#10b9811a;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.class-footer{justify-content:space-between;align-items:flex-end;margin-bottom:1rem;display:flex}.price-section .price{color:var(--primary);font-size:1.5rem;font-weight:700}.price-section .duration{color:var(--text-secondary);margin-left:.5rem;font-size:.875rem}.enrollment-section .spots-bar{width:100px}.enrollment-section .spots-text{color:var(--text-secondary);font-size:.75rem}.why-live-section{background:var(--bg-primary);padding:4rem 2rem}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.benefit-card{text-align:center;padding:2rem}.benefit-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.benefit-card h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.benefit-card p{color:var(--text-secondary);font-size:.875rem}.no-results{text-align:center;color:var(--text-secondary);padding:4rem}.no-results svg{opacity:.5;margin-bottom:1rem}.navbar-links .live-link{color:#ef4444;align-items:center;gap:.25rem;font-weight:600;display:flex}.navbar-links .live-link:hover{color:#f87171}.mobile-link.live-link{color:#ef4444}.full-width{justify-content:center;width:100%}.course-badge.live{color:#fff;background:#ef4444;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:1rem;right:1rem}.live-now-section{background:linear-gradient(135deg,#ef44440d 0%,#ef444405 100%);border-bottom:1px solid #ef444433;padding:3rem 2rem}.live-now-section .section-header h2{color:#ef4444}.live-now-section .section-header h2 svg{animation:1.5s ease-in-out infinite pulse}.live-now-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;display:grid}.live-now-card{background:var(--card-bg);border:2px solid #ef44444d;border-radius:1rem;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.live-now-card:before{content:"";background:linear-gradient(90deg,#ef4444,#f87171);height:3px;position:absolute;top:0;left:0;right:0}.live-now-badge{color:#ef4444;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.live-now-content{flex:1}.live-now-content .topic{color:var(--primary);font-size:.75rem;font-weight:600}.live-now-content h3{color:var(--text-primary);margin:.25rem 0 .5rem;font-size:1.125rem;font-weight:600}.live-now-content .instructor{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.875rem;display:flex}.live-now-content .instructor img{border-radius:50%;width:24px;height:24px}.live-now-content .viewers{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.join-btn{background:#ef4444!important}.join-btn:hover{background:#dc2626!important}.notification-toast{z-index:1000;box-shadow:var(--shadow-lg);border-radius:.75rem;align-items:center;gap:.75rem;max-width:400px;padding:1rem 1.5rem;font-weight:500;display:flex;position:fixed;top:80px;right:20px}.notification-toast.success{color:#fff;background:#10b981}.notification-toast.info{background:var(--primary);color:#fff}.notification-toast.error{color:#fff;background:#ef4444}.card-actions{gap:.75rem;margin-top:1rem;display:flex}.card-actions .btn{flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}.btn-outline{border:2px solid var(--border-color);color:var(--text-secondary);background:0 0;padding:.5rem}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.price-tag{color:var(--primary);font-weight:700}@media (width<=768px){.hero-stats{flex-direction:column;gap:1rem}.live-classes-grid,.batches-grid{grid-template-columns:1fr}.batch-card.featured{transform:none}.hero-features{flex-direction:column;align-items:center}.live-class-detail-card .live-classes-grid,.live-now-grid{grid-template-columns:1fr}.live-now-card{text-align:center;flex-direction:column}.notification-toast{max-width:none;left:20px;right:20px}}.hero-ai{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero-bg-elements{position:absolute;inset:0;overflow:hidden}.floating-shape{filter:blur(60px);opacity:.4;border-radius:50%;position:absolute}.shape-1{background:#6366f1;width:400px;height:400px;animation:8s ease-in-out infinite float;top:-100px;right:-100px}.shape-2{background:#8b5cf6;width:300px;height:300px;animation:10s ease-in-out infinite reverse float;bottom:-50px;left:-50px}.shape-3{background:#ec4899;width:200px;height:200px;animation:6s ease-in-out infinite float;top:50%;left:50%}.hero-ai .hero-container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid;position:relative}.hero-badge.badge-ai{color:#a5b4fc;background:linear-gradient(135deg,#6366f133 0%,#8b5cf633 100%);border:1px solid #8b5cf666;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.hero-ai h1{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#818cf8 0%,#c084fc 50%,#f472b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:#fffc;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.hero-buttons-split{flex-direction:column;gap:1rem}.hero-buttons-main{flex-wrap:wrap;gap:1rem;display:flex}.hero-buttons-sub{flex-wrap:wrap;gap:1.5rem;display:flex}.hero-buttons-sub span{color:#ffffffb3;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.hero-buttons-sub span svg{color:#10b981}.btn-large{padding:1rem 2rem;font-size:1rem;font-weight:600}.btn-outline{color:#fff;background:0 0;border:2px solid #ffffff4d}.btn-outline:hover{background:#ffffff1a;border-color:#fff}.hero-stats-inline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:1rem;align-items:center;gap:1.5rem;margin-top:2.5rem;padding:1rem 1.5rem;display:flex}.hero-stat-inline{flex-direction:column;align-items:center;display:flex}.stat-number{color:#fff;font-size:1.5rem;font-weight:700}.stat-label{color:#ffffffb3;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.stat-divider{background:#fff3;width:1px;height:30px}.hero-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #00000080}.hero-card-header{text-align:center;border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:1.5rem}.live-indicator-small{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.live-indicator-small .pulse{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}.hero-card-header h3{color:#fff;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.hero-card-header p{color:#ffffffb3;font-size:.875rem}.instructor-preview{background:#ffffff1a;border-radius:.75rem;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.instructor-preview img{border:2px solid #a5b4fc;border-radius:50%;width:48px;height:48px}.instructor-preview .instructor-name{color:#fff;font-weight:600;display:block}.instructor-preview .instructor-title{color:#ffffffb3;font-size:.75rem;display:block}.demo-topics{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.demo-topics span{color:#fffc;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.demo-topics span svg{color:#10b981}.hero-card .full-width{justify-content:center;width:100%}.demo-note{text-align:center;color:#fff9;margin-top:.75rem;font-size:.75rem}.ai-courses-banner{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);padding:2rem 0;overflow-x:auto}.banner-container{max-width:1400px;margin:0 auto}.ai-courses-grid{gap:1.5rem;padding:0 2rem;display:flex}.ai-course-item{cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .3s;display:flex}.ai-course-item:hover{background:#ffffff1a;border-color:#8b5cf680}.ai-course-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:.75rem;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ai-course-info{flex:1}.ai-course-title{color:#fff;font-size:.875rem;font-weight:600;display:block}.ai-course-meta{color:#ffffffb3;gap:1rem;margin-top:.25rem;font-size:.75rem;display:flex}.ai-course-meta span{align-items:center;gap:.25rem;display:flex}.ai-course-arrow{color:#ffffff80;transition:all .3s}.ai-course-item:hover .ai-course-arrow{color:#fff;transform:translate(5px)}.features-modern{background:var(--bg-primary);padding:6rem 2rem}.section-header-center{text-align:center;max-width:600px;margin:0 auto 3rem}.section-header-center h2{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-header-center p{color:var(--text-secondary);font-size:1.125rem}.feature-card-modern{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.5rem;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.feature-card-modern:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card-modern:hover:before{opacity:1}.feature-card-modern:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon-modern{border-radius:1rem;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.feature-icon-modern.purple{color:#6366f1;background:linear-gradient(135deg,#6366f11a,#6366f133)}.feature-icon-modern.pink{color:#ec4899;background:linear-gradient(135deg,#ec48991a,#ec489933)}.feature-icon-modern.green{color:#10b981;background:linear-gradient(135deg,#10b9811a,#10b98133)}.feature-icon-modern.orange{color:#f97316;background:linear-gradient(135deg,#f973161a,#f9731633)}.feature-card-modern h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.feature-card-modern p{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.6}.feature-link{color:var(--primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.feature-link:hover{gap:.75rem}.course-card-modern{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;transition:all .3s;overflow:hidden}.course-card-modern:hover{box-shadow:var(--shadow-lg)}.course-card-modern .course-thumbnail{height:180px;position:relative}.course-card-modern .course-thumbnail-overlay{color:#fff;opacity:0;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course-card-modern:hover .course-thumbnail-overlay{opacity:1}.course-badge.discount{color:#fff;background:#ef4444;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;left:1rem}.testimonials-section{background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);padding:6rem 2rem}.testimonials-container{max-width:1200px;margin:0 auto}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.testimonial-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.5rem;padding:2rem;position:relative}.quote-icon{color:var(--primary);opacity:.3;position:absolute;top:1.5rem;right:1.5rem}.testimonial-text{color:var(--text-primary);margin-bottom:1.5rem;font-size:1rem;font-style:italic;line-height:1.7}.testimonial-rating{gap:.25rem;margin-bottom:1.5rem;display:flex}.testimonial-author{align-items:center;gap:1rem;display:flex}.testimonial-author img{object-fit:cover;border-radius:50%;width:48px;height:48px}.testimonial-author .author-name{color:var(--text-primary);font-weight:600;display:block}.testimonial-author .author-role{color:var(--text-secondary);font-size:.875rem;display:block}.cta-section{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);padding:6rem 2rem}.cta-container{text-align:center;max-width:800px;margin:0 auto}.cta-content h2{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.cta-content p{color:#ffffffe6;margin-bottom:2rem;font-size:1.125rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-white{color:#6366f1;background:#fff;border:none}.btn-white:hover{background:#ffffffe6}.btn-outline-white{color:#fff;background:0 0;border:2px solid #fff}.btn-outline-white:hover{background:#ffffff1a}.newsletter-section{background:var(--bg-primary);padding:4rem 2rem}.newsletter-container{max-width:600px;margin:0 auto}.newsletter-content{text-align:center}.newsletter-icon{color:var(--primary);margin-bottom:1rem}.newsletter-content h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.newsletter-content p{color:var(--text-secondary);margin-bottom:1.5rem}.newsletter-form{gap:.75rem;display:flex}.newsletter-form input{border:2px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);border-radius:.5rem;flex:1;padding:.875rem 1rem;font-size:1rem}.newsletter-form input:focus{border-color:var(--primary);outline:none}.subscribed-message{color:#10b981;background:#10b9811a;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-weight:500;display:flex}.stats-grid-modern{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.stat-card-modern{text-align:center;padding:2rem}.stat-value{color:var(--primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:1rem}@media (width<=1024px){.hero-ai .hero-container{text-align:center;grid-template-columns:1fr}.hero-ai h1{font-size:2.5rem}.hero-buttons-main,.hero-stats-inline{justify-content:center}.hero-visual{display:none}.ai-courses-grid{flex-wrap:wrap}}@media (width<=768px){.hero-ai h1{font-size:2rem}.stats-grid-modern{grid-template-columns:repeat(2,1fr)}.cta-content h2{font-size:1.75rem}.newsletter-form{flex-direction:column}.section-header-center h2{font-size:1.75rem}.hero-stats{flex-direction:column;gap:1rem}.live-classes-grid,.batches-grid{grid-template-columns:1fr}.batch-card.featured{transform:none}.hero-features{flex-direction:column;align-items:center}.live-class-detail-card .live-classes-grid{grid-template-columns:1fr}}