@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#1d309a;--primary-light:#2f45c6;--primary-dark:#0d174f;--primary-glow:#1d309a26;--secondary:#ef6706;--secondary-light:#fa832e;--secondary-dark:#bd5205;--secondary-glow:#ef670633;--accent-purple:#7d30e8;--accent-purple-glow:#7d30e826;--success:#157f3c;--success-bg:#e9fbf0;--danger:#e11444;--danger-bg:#fdecf0;--bg-main:#f4f7fa;--bg-card:#fff;--text-main:#1f2937;--text-muted:#65758b;--border-color:#e1e7ef;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--shadow-sm:0 2px 8px -2px #0f172a0d;--shadow-md:0 8px 16px -4px #0f172a14, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 16px 28px -6px #0d125214, 0 6px 12px -4px #0d12520a;--shadow-premium:0 24px 48px -12px #0d12521f, 0 12px 20px -8px #0d125214;--shadow-glow:0 0 30px 4px #ff6f0026;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-title:"Outfit", var(--font-sans)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--primary-dark);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:var(--primary-light);text-decoration:none;transition:all .25s}a:hover{color:var(--primary)}button,input,select,textarea{font-family:inherit}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-grow:1}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 28px}.glass{-webkit-backdrop-filter:blur(14px)saturate(180%);background:#ffffffd9;border:1px solid #fff6}.glass-dark{-webkit-backdrop-filter:blur(16px);background:#0f172ae0;border:1px solid #ffffff14}.btn{font-family:var(--font-title);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-light);box-shadow:0 8px 24px var(--primary-glow);transform:translateY(-3px)}.btn-secondary{background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg, var(--secondary-light) 0%, var(--secondary) 100%);box-shadow:0 8px 24px var(--secondary-glow);transform:translateY(-3px)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:#fff;box-shadow:0 8px 20px var(--primary-glow);transform:translateY(-3px)}.btn-outline-white{color:#fff;background-color:#0000;border:2px solid #ffffff80}.btn-outline-white:hover{color:var(--primary-dark);background-color:#fff;border-color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #fff3}.form-group{margin-bottom:24px}.form-label{color:var(--text-main);letter-spacing:-.01em;margin-bottom:8px;font-size:13.5px;font-weight:600;display:block}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-main);background-color:#fff;padding:14px 18px;font-size:15px;transition:all .25s cubic-bezier(.25,.8,.25,1)}.form-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 4px var(--primary-glow);outline:none}.course-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:36px;margin-top:36px;display:grid}.course-card{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-color);flex-direction:column;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-premium);transform:translateY(-8px)}.course-thumb{object-fit:cover;border-bottom:1px solid var(--border-color);width:100%;height:200px}.course-info{flex-direction:column;flex-grow:1;padding:28px;display:flex}.course-title{color:var(--primary-dark);margin-bottom:12px;font-size:19px;font-weight:700}.course-desc{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:24px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.course-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.course-price{color:var(--primary-dark);font-size:20px;font-weight:800;font-family:var(--font-title)}.accordion{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-card);box-shadow:var(--shadow-sm);margin-top:28px;overflow:hidden}.accordion-item{border-bottom:1px solid var(--border-color)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:22px 28px;transition:all .25s;display:flex}.accordion-trigger:hover{background-color:#1d309a05}.accordion-content{background-color:#fbfcfd;padding:4px 28px 24px}.lesson-row{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:#fff;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 20px;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.lesson-row:last-child{margin-bottom:0}.lesson-row:hover{border-color:var(--primary-light);transform:translate(4px);box-shadow:0 4px 12px #0f172a0a}.player-layout{background-color:#f4f7fa;grid-template-columns:1fr 400px;min-height:calc(100vh - 72px);display:grid}@media (width<=1024px){.player-layout{grid-template-columns:1fr}}.video-section{background-color:#0b0f19;flex-direction:column;justify-content:center;display:flex;position:relative}.video-container{aspect-ratio:16/9;background-color:#000;width:100%;position:relative;box-shadow:0 10px 30px #0000004d}.video-iframe{border:none;width:100%;height:100%}.player-details{border-top:1px solid var(--border-color);background-color:#fff;padding:36px;box-shadow:0 -4px 20px #00000005}.syllabus-sidebar{border-left:1px solid var(--border-color);background-color:#fff;height:calc(100vh - 72px);padding:24px;overflow-y:auto}.payment-wall-overlay{-webkit-backdrop-filter:blur(12px);color:#fff;text-align:center;z-index:10;background:#0f172ae6;flex-direction:column;justify-content:center;align-items:center;padding:36px;display:flex;position:absolute;inset:0}.quiz-card{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);background:#fff;padding:36px}.quiz-option{text-align:left;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:#f8fafc;width:100%;margin-bottom:14px;padding:18px 24px;font-size:15px;transition:all .25s cubic-bezier(.25,.8,.25,1);display:block}.quiz-option:hover{border-color:var(--text-muted);background:#f1f5f9}.quiz-option.selected{background:var(--primary-glow);border-color:var(--primary);color:var(--primary-dark);font-weight:600;box-shadow:0 4px 12px #2563eb0d}.loading-spinner{border:4px solid #2563eb1a;border-left-color:var(--primary);border-radius:50%;width:44px;height:44px;animation:1s cubic-bezier(.55,.15,.45,.85) infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-bar-container{background-color:var(--border-color);border-radius:6px;width:100%;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);border-radius:6px;height:100%;transition:width .6s cubic-bezier(.25,.8,.25,1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f8fafc}::-webkit-scrollbar-thumb{background:#c8d0da;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a6b1bf}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-24px)rotate(4deg)}66%{transform:translateY(12px)rotate(-2deg)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-36px)rotate(6deg)scale(1.04)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 24px #f973164d}50%{box-shadow:0 0 48px #f9731699}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{width:max-content;animation:24s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}.gradient-text{background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 50%, var(--secondary-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.feature-card{border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-color);background:#fff;padding:40px 32px;transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));transform-origin:0;height:5px;transition:transform .4s cubic-bezier(.25,.8,.25,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{box-shadow:var(--shadow-premium);border-color:#0000;transform:translateY(-8px)}.feature-card:hover:before{transform:scaleX(1)}.testimonial-card{border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;padding:36px;transition:all .3s;position:relative}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.testimonial-card .quote-mark{color:#2563eb0d;pointer-events:none;font-family:Georgia,serif;font-size:72px;line-height:1;position:absolute;top:20px;right:28px}.step-number{width:60px;height:60px;font-size:24px;font-weight:800;font-family:var(--font-title);color:#fff;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);box-shadow:0 8px 24px var(--primary-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cta-banner{background:linear-gradient(135deg, var(--primary-dark) 0%, #1e293b 40%, #1e3a8a 70%, var(--primary) 100%);border-radius:var(--radius-lg);text-align:center;color:#fff;box-shadow:var(--shadow-premium);background-size:200% 200%;padding:64px 40px;animation:8s infinite gradientShift;position:relative;overflow:hidden}.cta-banner:before{content:"";background:radial-gradient(circle,#ffffff0a 0%,#0000 60%);width:200%;height:200%;animation:10s ease-in-out infinite floatSlow;position:absolute;top:-50%;left:-50%}.exam-badge{white-space:nowrap;border:1px solid var(--border-color);color:var(--primary-dark);cursor:default;box-shadow:var(--shadow-sm);background:#fff;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:14.5px;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.exam-badge:hover{border-color:var(--secondary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-card{text-align:center;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1f;padding:36px 24px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.stat-card:hover{background:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.mobile-only{display:none!important}.desktop-only{display:flex}@media (width<=768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.container{padding:0 16px!important}}@keyframes blinkGlow{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px #ef4444cc}50%{opacity:.6;transform:scale(.96);box-shadow:0 0 2px #ef44444d}}.new-badge-glow{color:#fff;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:800;animation:1.8s ease-in-out infinite blinkGlow;display:inline-flex}.bulletin-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;align-items:flex-start;gap:14px;padding:16px;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.bulletin-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translate(4px)}.bulletin-date-card{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;text-align:center;border-radius:10px;min-width:60px;padding:8px 12px;box-shadow:0 4px 10px #1a237e33}.bulletin-date-card .day-month{text-transform:uppercase;font-size:14px;font-weight:800;line-height:1.1}.bulletin-date-card .year{opacity:.8;font-size:10px;font-weight:600}.topper-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);background:#fff;padding:24px;transition:all .3s;position:relative}.topper-card:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary);transform:translateY(-6px)}.topper-avatar{object-fit:cover;border:3px solid var(--secondary);border-radius:50%;width:90px;height:90px;margin:0 auto 16px;box-shadow:0 6px 18px #ff6f0033}.rank-badge{background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);color:#fff;letter-spacing:.5px;border-radius:50px;margin-bottom:8px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-block}.footer-grid{grid-template-columns:1.4fr .8fr .8fr 1.2fr;display:grid}.dashboard-layout{grid-template-columns:260px 1fr;align-items:start;display:grid}.course-detail-layout{grid-template-columns:1.25fr .75fr;align-items:start;display:grid}.pricing-layout{grid-template-columns:1fr 1.1fr 1fr;align-items:stretch;display:grid}.grid-2col{grid-template-columns:1fr 1fr;display:grid}.grid-3col{grid-template-columns:1fr 1fr 1fr;display:grid}.grid-4col{grid-template-columns:repeat(4,1fr);display:grid}@media (width<=992px){.dashboard-layout,.course-detail-layout,.footer-grid{grid-template-columns:1fr;gap:24px!important}}@media (width<=768px){.pricing-layout,.grid-2col,.grid-3col,.grid-4col{grid-template-columns:1fr}.container{overflow-x:hidden;padding:0 16px!important}}