:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#f59e0b;--accent:#8b5cf6;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);line-height:1.6;color:var(--gray-800);background-color:#fff}.faq-page{background:radial-gradient(circle at top,rgba(99,102,241,.06),transparent 55%),radial-gradient(circle at bottom,rgba(15,23,42,.04),transparent 50%)}.faq-hero{padding:var(--space-16) 0 var(--space-10);text-align:left}.faq-eyebrow{font-size:var(--font-size-sm);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:var(--space-2)}.faq-hero h1{font-size:clamp(2.2rem,3vw,2.7rem);font-weight:800;letter-spacing:-.03em;color:var(--gray-900);margin-bottom:var(--space-3)}.faq-hero-subtitle{max-width:640px;font-size:var(--font-size-lg);color:var(--gray-600)}.faq-section{padding-bottom:var(--space-20)}.faq-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr);grid-gap:var(--space-8);gap:var(--space-8);align-items:flex-start}.faq-intro-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);border:1px solid rgba(148,163,184,.28)}.faq-intro-card h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}.faq-intro-card p{color:var(--gray-600);margin-bottom:var(--space-4)}.faq-intro-card ul{list-style:none;padding-left:0;margin-bottom:var(--space-4)}.faq-intro-card li{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-700);font-size:var(--font-size-sm)}.faq-intro-card li:before{content:"✔";color:var(--success);font-size:.9rem}.faq-highlight-box{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:rgba(79,70,229,.04);border:1px dashed rgba(79,70,229,.4);font-size:var(--font-size-sm);color:var(--gray-700)}.faq-highlight-box a{color:var(--primary-dark);font-weight:600;text-decoration:none}.faq-highlight-box a:hover{text-decoration:underline}.faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background:hsla(0,0%,100%,.9);border-radius:var(--radius-2xl);padding:var(--space-5);border:1px solid rgba(148,163,184,.3);box-shadow:0 16px 40px rgba(15,23,42,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.faq-item:hover{transform:translateY(-3px);border-color:rgba(99,102,241,.7);box-shadow:0 20px 55px rgba(15,23,42,.18);background:#fff}.faq-question-row{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2)}.faq-q-label{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:var(--font-size-sm);font-weight:700}.faq-item h2{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900)}.faq-answer{margin-top:var(--space-1);color:var(--gray-600);font-size:var(--font-size-base)}.faq-answer strong{color:var(--gray-800)}@media (max-width:960px){.faq-hero{padding:var(--space-12) 0 var(--space-8);text-align:left}.faq-layout{grid-template-columns:minmax(0,1fr)}.faq-intro-card{padding:var(--space-5)}}@media (max-width:640px){.faq-hero h1{font-size:1.9rem}.faq-intro-card,.faq-item{border-radius:var(--radius-xl);padding:var(--space-4)}}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.25);box-shadow:0 12px 30px rgba(15,23,42,.18)}.navbar-inner{justify-content:space-between;padding:calc(var(--space-4) * 1.2) 0;min-height:72px}.navbar-inner,.navbar-left{display:flex;align-items:center;gap:var(--space-6)}.navbar-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.navbar-logo-img{width:80px;height:80px;border-radius:8px;box-shadow:none;background:transparent}.navbar-logo-text{font-weight:700;font-size:var(--font-size-base);color:var(--gray-900);letter-spacing:.03em}.desktop-only{display:flex}.mobile-nav-panel,.mobile-only,.navbar-menu-toggle{display:none}.navbar-links{display:flex;align-items:center;gap:var(--space-4)}.navbar-links a{color:var(--gray-600);text-decoration:none;font-size:var(--font-size-sm);font-weight:500}.navbar-links a:hover{color:var(--primary)}.navbar-right{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-4)}.navbar-btn{padding:.45rem 1.15rem;border-radius:999px;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;line-height:1}.navbar-btn.ghost{background:transparent;color:var(--gray-700);border-color:rgba(148,163,184,.8)}.navbar-btn.ghost:hover{background:rgba(148,163,184,.15)}.navbar-btn.primary{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 10px 25px rgba(99,102,241,.35)}.navbar-btn.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width:768px){.navbar-inner{flex-direction:column;align-items:stretch;row-gap:var(--space-2);padding:var(--space-3) 0}.navbar-left{justify-content:space-between;gap:var(--space-3)}.navbar-right{justify-content:flex-start;flex-wrap:wrap;gap:var(--space-2)}.navbar-logo-img{width:56px;height:56px}.navbar-logo-text{font-size:.95rem}}@media (max-width:480px){.container{padding:0 var(--space-3)}.navbar-inner{row-gap:var(--space-2)}.navbar-left{flex-direction:row;align-items:center}.navbar-links{justify-content:center;gap:var(--space-3);font-size:var(--font-size-xs)}.navbar-right{justify-content:center;gap:var(--space-2)}.navbar-btn{padding:.4rem .9rem;font-size:var(--font-size-xs)}.navbar-logo-img{width:64px;height:64px}.navbar-logo-text{font-size:.9rem}}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:inline-flex}.navbar-menu-toggle{border:none;background:rgba(15,23,42,.04);border-radius:999px;padding:.4rem .6rem;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:.18rem;cursor:pointer}.navbar-menu-toggle span{width:18px;height:2px;border-radius:999px;background:rgba(15,23,42,.85)}.mobile-nav-panel{position:absolute;top:100%;left:var(--space-3);right:var(--space-3);background:#fff;box-shadow:0 16px 35px rgba(15,23,42,.25);border-radius:var(--radius-2xl);transform:scaleY(0);transform-origin:top center;transition:transform var(--transition-normal);z-index:60;padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.mobile-nav-panel.open{display:flex;transform:scaleY(1)}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--font-size-base)}.mobile-nav-links a{color:var(--gray-800);text-decoration:none}.mobile-nav-links a:hover{color:var(--primary)}.mobile-nav-actions{display:flex;flex-direction:column;gap:var(--space-3)}.mobile-nav-actions .navbar-btn{width:100%;justify-content:center}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--gray-900)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-5)}.hero{text-align:center;padding:var(--space-20) 0 var(--space-16);background:radial-gradient(circle at top,#0b1120 0,#020617 40%,#020617 100%);color:#e5e7eb;position:relative;overflow:hidden}.hero h1{margin-bottom:var(--space-6);color:#fff}.hero p{font-size:var(--font-size-xl);color:var(--gray-300);margin-bottom:var(--space-8)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-4)}.hero-actions .btn{min-width:180px}.hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--gray-400)}.hero-with-rays{padding-top:var(--space-24);padding-bottom:var(--space-20)}.hero-content{position:relative;z-index:2}.hero-rays-wrapper{position:absolute;inset:0;z-index:1;pointer-events:none}.light-rays-canvas{width:100%;height:100%;position:absolute;inset:0}@media (max-width:768px){.hero-with-rays{padding-top:var(--space-16);padding-bottom:var(--space-12)}}.stats-band{background:linear-gradient(90deg,#7c3aed,#ec4899,#f97316);color:#fff;padding:var(--space-1) 0}.logo-loop-root{position:relative;overflow:hidden}.logo-loop-track{display:flex;align-items:center;gap:var(--logo-loop-gap,64px);animation:logo-loop var(--logo-loop-duration,30s) linear infinite}.logo-loop-item{display:flex;align-items:center;gap:var(--space-3);min-width:260px;white-space:nowrap;padding:0}.logo-loop-icon{font-size:1.3rem}.logo-loop-text-title{font-weight:700;font-size:var(--font-size-sm);line-height:1.2}.logo-loop-text-subtitle{font-size:var(--font-size-xs);opacity:.9;line-height:1.2}@keyframes logo-loop{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.courses-section{padding:var(--space-16) 0}.section-title{text-align:center;margin-bottom:var(--space-12)}.course-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--space-8);gap:var(--space-8);margin-bottom:var(--space-16)}.about-page{background:#f9fafb;min-height:100vh}.about-hero{padding:var(--space-12) 0 var(--space-6);background:#fff;border-bottom:1px solid var(--gray-200)}.about-hero-subtitle{max-width:640px;margin:var(--space-2) auto 0;color:var(--gray-600);font-size:var(--font-size-lg)}.about-section{padding:var(--space-8) 0 var(--space-16)}.about-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.3fr);grid-gap:var(--space-8);gap:var(--space-8)}.about-block{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.about-block h2{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.about-block p{color:var(--gray-700);margin-bottom:var(--space-3);line-height:1.7}.about-block ul{list-style:none;padding-left:0;color:var(--gray-700)}.about-block ul li{position:relative;padding-left:var(--space-4);margin-bottom:var(--space-2)}.about-block ul li:before{content:"•";position:absolute;left:0;color:var(--primary)}.about-disclaimer{grid-column:1/-1}.about-disclaimer h2{color:var(--error)}@media (max-width:768px){.about-hero{padding:var(--space-8) 0 var(--space-4)}.about-grid{grid-template-columns:1fr}}.contact-page{background:#f9fafb;min-height:100vh}.contact-hero{padding:var(--space-12) 0 var(--space-6);background:#fff;border-bottom:1px solid var(--gray-200)}.contact-hero-subtitle{max-width:640px;margin:var(--space-2) auto 0;color:var(--gray-600);font-size:var(--font-size-lg)}.contact-section{padding:var(--space-8) 0 var(--space-16)}.contact-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));grid-gap:var(--space-8);gap:var(--space-8)}.contact-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.contact-card h2{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.contact-card p{color:var(--gray-700);line-height:1.7}@media (max-width:768px){.contact-hero{padding:var(--space-8) 0 var(--space-4)}.contact-grid{grid-template-columns:1fr}}.policy-page{background:#f9fafb;min-height:100vh}.policy-hero{padding:var(--space-12) 0 var(--space-6);background:#fff;border-bottom:1px solid var(--gray-200)}.policy-hero-subtitle{max-width:720px;margin:var(--space-2) auto 0;color:var(--gray-600);font-size:var(--font-size-lg)}.policy-section{padding:var(--space-8) 0 var(--space-16)}.policy-content{max-width:800px}.policy-content h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.policy-content h3{font-size:var(--font-size-xl);margin-top:var(--space-6);margin-bottom:var(--space-2)}.policy-content h4{font-size:var(--font-size-lg);margin-top:var(--space-4);margin-bottom:var(--space-1)}.policy-meta{color:var(--gray-500);margin-bottom:var(--space-4)}.policy-content p{line-height:1.7}.policy-content p,.policy-content ul{color:var(--gray-700);margin-bottom:var(--space-3)}.policy-content ul{padding-left:var(--space-5)}.policy-content li{margin-bottom:var(--space-1)}.policy-content hr{border:none;border-top:1px solid var(--gray-200);margin:var(--space-6) 0}@media (max-width:768px){.policy-hero{padding:var(--space-8) 0 var(--space-4)}}.course-card-wrapper{position:relative}.course-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid var(--gray-200);transition:all .3s ease;text-decoration:none;display:block;height:100%;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(102,126,234,.2);border-color:var(--primary)}.course-hover-panel{position:absolute;top:8px;left:-12px;width:320px;max-width:90vw;background:#fff;border-radius:var(--radius-2xl);box-shadow:0 24px 55px rgba(15,23,42,.25);padding:var(--space-5);transform:translateX(-100%);opacity:0;pointer-events:none;transition:opacity var(--transition-normal),transform var(--transition-normal);z-index:10}.course-card-wrapper:hover .course-hover-panel{opacity:1;transform:translateX(-105%)}.course-hover-panel.course-hover-panel-right{left:auto;right:-12px;transform:translateX(100%)}.course-card-wrapper:hover .course-hover-panel.course-hover-panel-right{opacity:1;transform:translateX(105%)}.course-hover-title{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.course-hover-subtitle{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--space-3)}.course-hover-list{list-style:none;font-size:var(--font-size-sm);color:var(--gray-700);margin-bottom:var(--space-4)}.course-hover-list li{margin-bottom:var(--space-2);position:relative;padding-left:var(--space-3)}.course-hover-list li:before{content:"✔";position:absolute;left:0;top:0;color:var(--success)}.course-hover-cta{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:none;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.course-hover-cta:hover{background:var(--primary-dark);transform:translateY(-1px)}.course-image{min-height:220px;height:220px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3);padding:32px 24px;text-align:center;z-index:1;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;overflow:hidden}.course-image,.course-thumbnail-icon{width:100%;display:flex;align-items:center;justify-content:center;position:relative}.course-thumbnail-icon{height:100%;z-index:2}.course-thumbnail-icon svg{width:120px;height:120px;max-width:100%;max-height:100%}.course-thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.course-image:before{top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,hsla(0,0%,100%,.15) 0,transparent 70%)}.course-image:after,.course-image:before{content:"";position:absolute;border-radius:50%;z-index:0}.course-image:after{bottom:-30%;left:-10%;width:250px;height:250px;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%)}.course-image>*{position:relative;z-index:2}.course-content{padding:24px;background:#fff;position:relative;z-index:1;flex:1 1;display:flex;flex-direction:column}.course-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-3);color:var(--gray-900);line-height:1.4}.course-description{color:var(--gray-700);font-size:var(--font-size-base);margin-bottom:var(--space-4);line-height:1.6;font-weight:400}.course-meta{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.course-meta,.rating{display:flex;align-items:center}.rating{gap:var(--space-2)}.stars{color:#fbbf24;font-size:var(--font-size-base);letter-spacing:2px}.rating-text,.students{font-size:var(--font-size-sm);color:var(--gray-700)}.students{font-weight:500}.course-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--gray-200);margin-top:var(--space-2)}.course-price{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);letter-spacing:-.5px}.view-details{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 24px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600;transition:all .2s ease;display:inline-block;box-shadow:0 4px 12px rgba(102,126,234,.3);border:none;cursor:pointer}.view-details:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}@media (max-width:768px){.hero{padding:var(--space-12) 0 var(--space-8)}.hero h1{font-size:var(--font-size-3xl)}.hero p{font-size:var(--font-size-base)}.course-grid{grid-template-columns:1fr;gap:var(--space-6)}}.all-courses-page{background:linear-gradient(180deg,#f8fafc 0,#fff);min-height:100vh}.all-courses-hero{padding:48px 0 32px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.all-courses-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);border-radius:50%}.all-courses-hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,hsla(0,0%,100%,.08) 0,transparent 70%);border-radius:50%}.all-courses-header{position:relative;z-index:1;margin-bottom:32px}.all-courses-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}.all-courses-title{display:flex;align-items:center;gap:16px;font-weight:800;margin:0 0 12px;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.2)}.all-courses-title,.title-icon{font-size:clamp(2rem,5vw,3rem)}.all-courses-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:hsla(0,0%,100%,.95);margin:0;line-height:1.6}.all-courses-stats{display:flex;gap:16px;flex-wrap:wrap}.all-course-stat-card{display:flex;align-items:center;gap:12px;padding:16px 24px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid hsla(0,0%,100%,.2);min-width:120px;transition:all .3s ease}.all-course-stat-card:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.all-courses-filters-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-top:32px;position:relative;z-index:1}.filter-group-enhanced{display:flex;flex-direction:column;gap:8px}.filter-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:hsla(0,0%,100%,.95);text-transform:uppercase;letter-spacing:.5px}.filter-icon{font-size:16px}.filter-input,.filter-select{padding:12px 16px;border-radius:12px;border:2px solid hsla(0,0%,100%,.2);font-size:14px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:all .2s;outline:none}.filter-input::placeholder{color:hsla(0,0%,100%,.7)}.filter-input:focus,.filter-select:focus{border-color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.2);box-shadow:0 4px 12px rgba(0,0,0,.1)}.filter-select option{background:#667eea;color:#fff}.all-courses-list-section{padding:48px 0 80px;background:linear-gradient(180deg,#fff 0,#f8fafc)}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:32px;gap:32px}.all-courses-list{display:flex;flex-direction:column;gap:var(--space-4)}.all-course-card{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-sm)}.all-course-title{font-size:var(--font-size-xl);margin-bottom:var(--space-1)}.all-course-provider{font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:var(--space-2)}.all-course-description{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--space-3)}.all-course-meta-row{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--gray-500)}.all-course-compare-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--gray-300);background:#fff;font-size:var(--font-size-xs);cursor:pointer}.all-course-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:var(--space-2);min-width:120px}.all-course-price{font-size:var(--font-size-xl);font-weight:700}.all-course-rating{font-size:var(--font-size-sm);color:var(--gray-500)}@media (max-width:768px){.all-course-card{flex-direction:column}.all-course-card,.all-course-side{align-items:flex-start}}@media (min-width:769px) and (max-width:1024px){.course-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.course-grid{grid-template-columns:repeat(3,1fr)}}.site-footer{border-top:1px solid var(--gray-200);background:#fff;padding:var(--space-4) 0}.site-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);font-size:var(--font-size-sm);color:var(--gray-500)}.site-footer-brand{display:flex;align-items:center;gap:var(--space-2)}.site-footer-logo-img{width:64px;height:64px;border-radius:8px;background:transparent;box-shadow:none}.site-footer-brand-text{font-weight:600;color:var(--gray-700)}.site-footer-links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.site-footer-links a{color:var(--gray-600);text-decoration:none}.site-footer-links a:hover{color:var(--primary)}.site-footer-lang select{padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--gray-300);font-size:var(--font-size-sm)}@media (max-width:768px){.site-footer-inner{flex-direction:column;align-items:flex-start}}.cart-page{min-height:100vh;background:#f9fafb}.cart-section{padding:var(--space-8) 0 var(--space-16)}.cart-layout{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8)}.cart-main h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.cart-subtitle{color:var(--gray-600)}.cart-summary{min-width:260px;max-width:320px;margin-left:auto;background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.cart-summary-label{font-size:var(--font-size-sm);color:var(--gray-600)}.cart-summary-total{font-size:var(--font-size-2xl);font-weight:700}.cart-checkout-btn{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:none;background:#f97373;color:#fff;font-weight:600;cursor:pointer}@media (max-width:768px){.cart-layout{flex-direction:column}.cart-summary{width:100%;max-width:none}}.checkout-page{background:radial-gradient(circle at top,#e0e7ff 0,#f9fafb 40%,#f9fafb 100%);min-height:100vh}.checkout-progress-bar{height:4px;width:100%;background:linear-gradient(90deg,var(--primary),var(--accent))}.checkout-section{padding:var(--space-10) 0 var(--space-16)}.checkout-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr);grid-gap:var(--space-8);gap:var(--space-8);align-items:flex-start}.checkout-main{display:flex;flex-direction:column;gap:var(--space-6)}.checkout-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.checkout-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.checkout-step-chip{padding:var(--space-1) var(--space-3);border-radius:999px;background:rgba(79,70,229,.08);color:var(--primary-dark);font-size:var(--font-size-sm);font-weight:600}.checkout-subtitle{color:var(--gray-600);margin-bottom:var(--space-2)}.checkout-trust-row{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--gray-500)}.checkout-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:0 18px 45px rgba(15,23,42,.12);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.checkout-card h2{font-size:var(--font-size-lg)}.checkout-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.checkout-field{display:flex;flex-direction:column;gap:var(--space-2)}.checkout-field label{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700)}.checkout-field input{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--gray-300);font-size:var(--font-size-base)}.checkout-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.checkout-summary{position:-webkit-sticky;position:sticky;top:100px}.checkout-summary-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:0 18px 45px rgba(15,23,42,.12);padding:var(--space-6)}.checkout-summary-card h2{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.checkout-course{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.checkout-course-image{width:72px;height:72px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-sm);font-weight:600}.checkout-course-title{font-weight:600;color:var(--gray-900)}.checkout-course-meta{font-size:var(--font-size-sm);color:var(--gray-500)}.checkout-price-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-base);color:var(--gray-700);margin-bottom:var(--space-2)}.checkout-total{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--gray-200);font-weight:700}.checkout-discount{color:var(--success)}.checkout-pay-btn{width:100%;margin-top:var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);border:none;background:var(--primary);color:#fff;font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.checkout-pay-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.checkout-note{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--gray-500);text-align:center}@media (max-width:768px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}}.auth-page{min-height:100vh;background:radial-gradient(circle at top,#e0e7ff 0,#f9fafb 45%,#f9fafb 100%)}.auth-hero{padding:var(--space-10) 0 var(--space-4);text-align:center}.auth-hero-subtitle{max-width:640px;margin:var(--space-2) auto 0;color:var(--gray-600)}.auth-section{padding:var(--space-6) 0 var(--space-16)}.auth-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.auth-single{max-width:640px}.auth-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--space-6)}.auth-card-subtitle{color:var(--gray-600);margin-top:var(--space-1);margin-bottom:var(--space-4)}.auth-form{gap:var(--space-4)}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:var(--space-2)}.auth-field label{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700)}.auth-field input{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--gray-300);font-size:var(--font-size-base)}.auth-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.auth-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.auth-primary-btn{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:none;background:var(--primary);color:#fff;font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.auth-primary-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-secondary-btn{width:100%;margin-top:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--gray-300);background:#f9fafb;color:var(--gray-800);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.auth-secondary-btn:hover{background:#eef2ff;border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.auth-links-row{margin-top:var(--space-3)}.auth-links-row a{font-size:var(--font-size-sm);color:var(--primary);text-decoration:none}.auth-links-row a:hover{text-decoration:underline}.auth-switch-text{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--gray-600)}.auth-switch-text a{color:var(--primary);text-decoration:none;font-weight:500}.auth-switch-text a:hover{text-decoration:underline}@media (max-width:768px){.auth-hero{padding:var(--space-8) 0 var(--space-2)}.auth-layout{grid-template-columns:1fr}}.breadcrumbs{padding:var(--space-4) 0;background:var(--gray-50)}.breadcrumbs-content{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--gray-600)}.breadcrumbs a{color:var(--gray-600);text-decoration:none;transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--primary)}.breadcrumb-separator{color:var(--gray-400)}.course-hero{padding:var(--space-6) 0 var(--space-4);background:#0f172a}.course-hero-content{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.1fr);grid-gap:var(--space-12);gap:var(--space-12);align-items:start}.course-header{margin-bottom:var(--space-8)}.course-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);color:#f9fafb}.course-subtitle{font-size:var(--font-size-xl);color:var(--gray-300);margin-bottom:var(--space-6);line-height:1.4}.course-stats{gap:var(--space-6);margin-bottom:var(--space-6);color:var(--gray-200)}.stat-item{font-size:var(--font-size-sm);color:var(--gray-300)}.rating-large,.stat-item{gap:var(--space-2)}.stars-large{color:var(--warning);font-size:var(--font-size-lg)}.badge{background:rgba(148,163,184,.2);color:#e5e7eb;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.05em}.badge-success{background:var(--success);color:#022c22}.buy-box{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.buy-box-image{height:200px;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);font-size:var(--font-size-2xl);font-weight:600}.play-overlay{width:60px;height:60px;background:hsla(0,0%,100%,.9);transition:all var(--transition-normal)}.play-overlay:hover{transform:translate(-50%,-50%) scale(1.1)}.play-icon{border-left:15px solid var(--primary);border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:3px}.buy-box-content{padding:var(--space-6)}.price-section{margin-bottom:var(--space-6)}.current-price{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-2)}.original-price{font-size:var(--font-size-lg);margin-right:var(--space-2)}.discount-badge{background:var(--error);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.action-buttons{gap:var(--space-3);margin-bottom:var(--space-6)}.btn{padding:var(--space-4) var(--space-6);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all var(--transition-fast);display:inline-block}.btn-primary{background:var(--primary)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:transparent}.btn-secondary:hover{background:var(--primary)}.course-includes{border-top:1px solid var(--gray-200);padding-top:var(--space-6)}.course-includes h4{margin-bottom:var(--space-4);font-size:var(--font-size-base)}.includes-list{list-style:none}.includes-list li{gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--gray-600)}.check-icon{color:var(--success)}.course-main{padding:var(--space-6) 0 var(--space-16);margin-top:-var(--space-8);background:#f9fafb}.content-section{margin-bottom:var(--space-12)}.learning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-8)}.learning-grid-hero{margin-top:var(--space-6)}.learning-grid-hero .learning-item{background:transparent;padding:0}.learning-grid-hero .learning-item div{color:#e5e7eb}.learning-item{gap:var(--space-3);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg)}.learning-icon{color:var(--success)}.accordion{border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.accordion-item{border-bottom:1px solid var(--gray-200)}.accordion-item:last-child{border-bottom:none}.accordion-header{padding:var(--space-4) var(--space-6);transition:background var(--transition-fast)}.accordion-header:hover{background:var(--gray-100)}.accordion-title{font-weight:600}.accordion-icon{transition:transform var(--transition-fast);color:var(--gray-500)}.accordion-content{padding:var(--space-6);background:#fff;display:none}.accordion-item:target .accordion-content{display:block}.lesson-item{padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100)}.lesson-item:last-child{border-bottom:none}.lesson-info{gap:var(--space-2)}.lesson-duration{color:var(--gray-500);font-size:var(--font-size-sm)}.student-feedback{grid-template-columns:1fr 2.5fr;grid-gap:var(--space-8);gap:var(--space-8);align-items:center}.feedback-summary{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.feedback-score{font-size:4rem;font-weight:700;color:var(--gray-900)}.feedback-stars{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.feedback-average-label{font-size:var(--font-size-sm);color:var(--gray-600)}.feedback-bars,.feedback-row{gap:var(--space-2)}.feedback-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:var(--space-2);font-size:var(--font-size-sm)}.feedback-row-stars{color:var(--gray-500);min-width:3.5rem}.feedback-bar{position:relative;height:8px;background:var(--gray-100);border-radius:999px}.feedback-bar-fill{position:absolute;inset:0;width:0;background:var(--primary)}.feedback-row-percent{font-size:var(--font-size-sm);color:var(--gray-600)}.related-courses{display:flex;flex-direction:column;gap:var(--space-3)}.related-course-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:box-shadow var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.related-course-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);background:#f9fafb}.related-course-main{display:flex;flex-direction:column;gap:var(--space-1)}.related-course-duration{font-size:var(--font-size-xs);color:var(--gray-500);text-transform:uppercase}.related-course-title{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900)}.related-course-subtitle{font-size:var(--font-size-sm);color:var(--gray-600)}.related-course-meta{display:flex;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--gray-500);margin-top:var(--space-1)}.related-course-price{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900)}@media (max-width:768px){.student-feedback{grid-template-columns:1fr;gap:var(--space-4)}.course-hero-content{grid-template-columns:1fr;gap:var(--space-8)}.buy-box{position:static}.course-title{font-size:var(--font-size-3xl)}.learning-grid{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.course-videos-section{padding:24px 0;background:linear-gradient(180deg,#f8fafc 0,#fff)}.course-videos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 40px rgba(102,126,234,.3);color:#fff}.course-videos-header-content{flex:1 1}.course-videos-title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;margin:0 0 8px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.course-videos-subtitle{font-size:clamp(.875rem,2.5vw,1.125rem);margin:0;opacity:.95;color:hsla(0,0%,100%,.9)}.course-videos-stats{display:flex;gap:24px}.stat-item{flex-direction:column;gap:4px;padding:12px 20px;background:hsla(0,0%,100%,.15);border-radius:12px;border:1px solid hsla(0,0%,100%,.2)}.stat-value{font-size:24px;font-weight:700}.stat-label{opacity:.9}.course-videos-layout{display:grid;grid-template-columns:1fr 380px;grid-gap:32px;gap:32px}.course-videos-player{min-width:0}.video-player-container{background:#000;box-shadow:0 20px 60px rgba(0,0,0,.3);margin-bottom:24px;position:relative}.enhanced-video-player,.video-player-container{border-radius:16px;overflow:hidden}.video-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}.video-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="2"/></svg>');opacity:.3}.video-placeholder-icon{font-size:80px;margin-bottom:16px;z-index:1;text-shadow:0 4px 20px rgba(0,0,0,.3)}.video-placeholder p{font-size:18px;z-index:1;font-weight:500}.video-info-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid var(--gray-200)}.video-info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.video-info-title{font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700;margin:0;color:var(--gray-900);line-height:1.4;flex:1 1}.video-preview-badge{display:inline-flex;align-items:center;padding:4px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(16,185,129,.3);flex-shrink:0}.video-info-description{color:var(--gray-600);font-size:clamp(.875rem,2.5vw,1rem);line-height:1.6;margin:0 0 16px}.video-info-meta{display:flex;gap:20px;flex-wrap:wrap}.video-meta-item{display:flex;align-items:center;gap:8px;color:var(--gray-600);font-size:14px}.meta-icon{font-size:16px}.course-videos-sidebar{min-width:0;position:-webkit-sticky;position:sticky;top:100px;align-self:start}.sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;border-radius:16px 16px 0 0;color:#fff;margin-bottom:0}.sidebar-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;margin:0 0 12px;color:#fff}.sidebar-icon{font-size:20px}.progress-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;border:1px solid hsla(0,0%,100%,.2)}.progress-text{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.course-videos-list{max-height:calc(100vh - 280px);overflow-y:auto;padding:16px;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid var(--gray-200);border-top:none}.course-videos-list::-webkit-scrollbar{width:8px}.course-videos-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.course-videos-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.course-videos-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.module-card{margin-bottom:24px;background:var(--gray-50);border-radius:12px;overflow:hidden;border:1px solid var(--gray-200);transition:all .3s ease}.module-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.module-header{display:flex;gap:16px;padding:16px;background:#fff;border-bottom:1px solid var(--gray-200)}.module-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;font-weight:700;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px rgba(102,126,234,.3)}.module-info{flex:1 1;min-width:0}.module-title{font-size:16px;font-weight:700;margin:0 0 6px;color:var(--gray-900);line-height:1.4}.module-description{font-size:13px;color:var(--gray-600);margin:0 0 8px;line-height:1.5}.module-video-count{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--gray-100);color:var(--gray-700);border-radius:12px;font-size:12px;font-weight:600}.module-videos{padding:12px;display:flex;flex-direction:column;gap:8px}.video-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fff;border:2px solid var(--gray-200);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;gap:12px}.video-item:hover{border-color:var(--primary);background:rgba(99,102,241,.05);transform:translateX(4px);box-shadow:0 2px 8px rgba(99,102,241,.15)}.video-item.active{border-color:var(--primary);background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));box-shadow:0 4px 12px rgba(99,102,241,.25);position:relative}.video-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px 0 0 10px}.video-item-left{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0}.video-item-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gray-100);color:var(--gray-700);border-radius:6px;font-weight:600;font-size:12px;flex-shrink:0}.video-item.active .video-item-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.3)}.video-item-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.video-item-title{font-size:14px;font-weight:600;color:var(--gray-900);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-item.active .video-item-title{color:var(--primary);font-weight:700}.video-item-badge{display:inline-flex;align-items:center;padding:2px 8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;align-self:flex-start}.video-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.video-item-duration{font-size:12px;color:var(--gray-600);font-weight:600;padding:4px 8px;background:var(--gray-100);border-radius:6px}.video-item.active .video-item-duration{background:rgba(99,102,241,.1);color:var(--primary)}.video-item-playing{font-size:16px;color:var(--primary);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.course-videos-section{padding:16px 0}.course-videos-header{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}.course-videos-stats{width:100%;justify-content:space-around}.stat-item{flex:1 1}.course-videos-layout{grid-template-columns:1fr;gap:20px}.course-videos-sidebar{order:-1;position:static}.course-videos-list{max-height:60vh}.video-player-container{margin-bottom:20px}}@media (max-width:480px){.course-videos-section{padding:12px 0}.course-videos-header{padding:16px;border-radius:12px}.course-videos-stats{gap:12px}.stat-item{padding:10px 16px}.stat-icon,.stat-value{font-size:20px}.course-videos-list{max-height:50vh;padding:12px}.course-videos-layout{gap:16px}.module-header{padding:12px}.module-number{width:36px;height:36px;font-size:16px}.video-item{padding:12px}}.course-hero{padding:48px 0 32px;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);position:relative;overflow:hidden}.course-hero:before{top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.15) 0,transparent 70%)}.course-hero:after,.course-hero:before{content:"";position:absolute;border-radius:50%}.course-hero:after{bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.1) 0,transparent 70%)}.course-hero-content{position:relative;z-index:1}.course-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:16px;line-height:1.2;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.3)}.course-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:hsla(0,0%,100%,.9);margin-bottom:24px;line-height:1.6}.course-stats{gap:20px;flex-wrap:wrap;margin-bottom:32px}.course-stats,.rating-large{display:flex;align-items:center}.rating-large{gap:8px;padding:8px 16px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid hsla(0,0%,100%,.2)}.stars-large{color:#fbbf24;font-size:20px;letter-spacing:2px}.stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:hsla(0,0%,100%,.9);padding:6px 12px;background:hsla(0,0%,100%,.1);border-radius:8px}.badge,.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge{background:hsla(0,0%,100%,.15);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid hsla(0,0%,100%,.2)}.badge-success{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 12px rgba(16,185,129,.3)}.learning-grid-hero{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;border:1px solid hsla(0,0%,100%,.1)}.learning-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.learning-item:hover{background:hsla(0,0%,100%,.1);transform:translateX(4px)}.learning-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:8px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px rgba(16,185,129,.3)}.buy-box{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;position:-webkit-sticky;position:sticky;top:100px;border:1px solid hsla(0,0%,100%,.2)}.buy-box-image{position:relative;height:220px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;overflow:hidden}.buy-box-image:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,transparent 70%);border-radius:50%}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:hsla(0,0%,100%,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:2}.play-overlay:hover{background:#fff;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 12px 32px rgba(0,0,0,.3)}.play-icon{width:0;height:0;border-left:18px solid #667eea;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px}.price-section{margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid var(--gray-100)}.current-price{font-size:36px;font-weight:800;color:var(--gray-900);margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.original-price{text-decoration:line-through;color:var(--gray-500);font-size:18px;margin-right:12px}.discount-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(239,68,68,.3)}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.course-includes{border-top:2px solid var(--gray-100);padding-top:24px}.course-includes h4{margin-bottom:16px;font-size:16px;font-weight:700;color:var(--gray-900)}.includes-list li{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;color:var(--gray-700);padding:8px;border-radius:8px;transition:all .2s}.includes-list li:hover{background:var(--gray-50);padding-left:12px}.check-icon{color:#10b981;font-weight:700;font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(16,185,129,.1);border-radius:50%;flex-shrink:0}.course-main{padding:48px 0 80px;margin-top:-40px;background:linear-gradient(180deg,#f8fafc 0,#fff);position:relative;z-index:0}.content-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid var(--gray-200);transition:all .3s ease}.content-section:hover{box-shadow:0 8px 30px rgba(0,0,0,.1);transform:translateY(-2px)}.section-title{font-size:28px;font-weight:800;color:var(--gray-900);margin-bottom:24px;padding-bottom:16px;border-bottom:3px solid;border-image:linear-gradient(135deg,#667eea,#764ba2) 1;display:flex;align-items:center;gap:12px}.section-title:before{content:"";width:4px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.accordion{display:flex;flex-direction:column;gap:12px}.accordion-item{background:#fff;border-radius:12px;border:2px solid var(--gray-200);overflow:hidden;transition:all .3s ease}.accordion-item:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(99,102,241,.15)}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--gray-50);cursor:pointer;text-decoration:none;color:var(--gray-900);transition:all .2s}.accordion-header:hover{background:rgba(99,102,241,.05)}.accordion-title{font-size:18px;font-weight:700;color:var(--gray-900)}.accordion-icon{font-size:14px;color:var(--gray-600);transition:transform .3s}.accordion-content{padding:0 24px;max-height:0;overflow:hidden;transition:all .3s ease}.accordion-item:target .accordion-content{max-height:1000px;padding:24px}.accordion-item:target .accordion-icon{transform:rotate(180deg)}.lesson-list{list-style:none;padding:0;margin:0}.lesson-item{display:flex;justify-content:space-between;align-items:center;padding:16px;margin-bottom:8px;background:var(--gray-50);border-radius:8px;border-left:4px solid var(--primary);transition:all .2s}.lesson-item:hover{background:rgba(99,102,241,.05);transform:translateX(4px);border-left-color:#764ba2}.lesson-info{display:flex;align-items:center;gap:12px;flex:1 1}.lesson-duration{font-size:14px;color:var(--gray-600);font-weight:600;padding:4px 12px;background:var(--gray-100);border-radius:12px}.student-feedback{display:grid;grid-template-columns:200px 1fr;grid-gap:48px;gap:48px;align-items:start}.feedback-summary{text-align:center;padding:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;box-shadow:0 8px 24px rgba(102,126,234,.3)}.feedback-score{font-size:64px;font-weight:800;line-height:1;margin-bottom:12px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.feedback-stars{margin-bottom:8px}.feedback-average-label{font-size:14px;opacity:.9;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.feedback-bars{display:flex;flex-direction:column;gap:12px}.feedback-row{display:flex;align-items:center;gap:12px}.feedback-row-stars{font-size:14px;color:#fbbf24;width:80px;flex-shrink:0}.feedback-bar{flex:1 1;height:12px;background:var(--gray-200);border-radius:6px;overflow:hidden}.feedback-bar-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:6px;transition:width .5s ease;box-shadow:0 2px 8px rgba(251,191,36,.3)}.feedback-row-percent{font-size:14px;font-weight:600;color:var(--gray-700);width:50px;text-align:right;flex-shrink:0}.content-section h3{font-size:22px;font-weight:700;color:var(--gray-900);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--gray-200)}.content-section>div>div[style*="padding: 16px"]{background:#fff;border-radius:12px;padding:20px!important;margin-bottom:16px!important;border:1px solid var(--gray-200);transition:all .2s}.content-section>div>div[style*="padding: 16px"]:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(99,102,241,.1);transform:translateY(-2px)}.rating-form{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid var(--gray-200)}.star-rating-container{-moz-user-select:none;user-select:none;-webkit-user-select:none}.star-button{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation}.star-button:active{transform:scale(.95)!important}.star-button:hover{transform:scale(1.15)!important;color:#fbbf24!important}.rating-submit-btn:active{transform:translateY(0)!important}.my-courses-page{background:linear-gradient(180deg,#f8fafc 0,#fff);min-height:100vh}.my-courses-hero{padding:40px 0;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.my-courses-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);border-radius:50%}.my-courses-hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,hsla(0,0%,100%,.08) 0,transparent 70%);border-radius:50%}.my-courses-header{position:relative;z-index:1}.my-courses-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}.my-courses-title-wrapper{flex:1 1;min-width:300px}.my-courses-title{display:flex;align-items:center;gap:16px;font-weight:800;margin:0 0 12px;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.2)}.my-courses-title,.title-icon{font-size:clamp(2rem,6vw,3rem)}.title-icon{filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}.my-courses-subtitle{font-size:clamp(1rem,3vw,1.25rem);color:hsla(0,0%,100%,.95);margin:0;line-height:1.6}.my-courses-stats{display:flex;gap:16px;flex-wrap:wrap}.my-course-stat-card{display:flex;align-items:center;gap:12px;padding:16px 24px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid hsla(0,0%,100%,.2);min-width:120px;transition:all .3s ease}.my-course-stat-card:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:hsla(0,0%,100%,.2);border-radius:12px;flex-shrink:0}.stat-icon{font-size:24px}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:28px;font-weight:800;color:#fff;line-height:1}.stat-label{font-size:12px;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.my-courses-list-section{padding:48px 0}.my-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-gap:32px;gap:32px}.my-course-card-wrapper{position:relative}.my-course-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid var(--gray-200);transition:all .3s ease;height:100%;display:flex;flex-direction:column}.my-course-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(102,126,234,.2);border-color:var(--primary)}.my-course-card-header{position:relative;overflow:hidden}.course-header-gradient{background:linear-gradient(135deg,#667eea,#764ba2);padding:32px 24px;position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.course-header-gradient:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);border-radius:50%}.course-card-title{font-size:clamp(1.25rem,3vw,1.5rem);margin:0;line-height:1.3;flex:1 1;text-shadow:0 2px 10px rgba(0,0,0,.2)}.course-card-title,.enrolled-badge{font-weight:700;color:#fff;position:relative;z-index:1}.enrolled-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.badge-icon{font-size:14px}.my-course-card-body{padding:24px;flex:1 1;display:flex;flex-direction:column;gap:20px}.my-course-description{color:var(--gray-600);font-size:14px;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.my-course-meta{display:flex;flex-direction:column;gap:12px}.my-course-rating{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stars-container{display:flex;gap:2px}.star{font-size:16px;color:var(--gray-300);transition:all .2s}.star.filled{color:#fbbf24}.rating-text{font-size:13px;color:var(--gray-600);font-weight:500}.my-course-details{display:flex;gap:16px;flex-wrap:wrap}.detail-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gray-700);font-weight:500}.detail-icon{font-size:14px}.my-course-actions{display:flex;gap:12px;margin-top:auto}.my-course-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease;border:2px solid transparent}.my-course-btn.secondary{background:#fff;color:var(--gray-700);border-color:var(--gray-300)}.my-course-btn.secondary:hover{background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.my-course-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.my-course-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-icon{font-size:16px}.my-courses-empty{text-align:center;padding:80px 20px;background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:2px dashed var(--gray-300)}.empty-icon{font-size:80px;margin-bottom:24px;display:block;opacity:.6}.my-courses-empty h2{font-size:28px;font-weight:700;color:var(--gray-900);margin:0 0 12px}.my-courses-empty p{font-size:16px;color:var(--gray-600);max-width:500px;margin:0 auto 32px}.empty-browse-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:16px;box-shadow:0 4px 12px rgba(102,126,234,.3);transition:all .2s ease}.empty-browse-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.empty-browse-btn span:last-child{font-size:20px;transition:transform .2s}.empty-browse-btn:hover span:last-child{transform:translateX(4px)}.my-courses-error{text-align:center;padding:60px 20px;background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid var(--gray-200)}.error-icon{font-size:64px;margin-bottom:20px;display:block}.my-courses-error h3{font-size:24px;font-weight:700;color:var(--gray-900);margin:0 0 12px}.my-courses-error p{font-size:16px;color:var(--gray-600);margin:0 0 24px}.error-retry-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 4px 12px rgba(102,126,234,.3);transition:all .2s ease}.error-retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}@media (max-width:768px){.my-courses-hero{padding:32px 0}.my-courses-header-content{flex-direction:column;gap:24px}.my-courses-stats{width:100%;justify-content:space-between}.my-course-stat-card{flex:1 1;min-width:0;padding:12px 16px}.stat-icon-wrapper{width:40px;height:40px}.stat-icon{font-size:20px}.stat-value{font-size:24px}.my-courses-grid{grid-template-columns:1fr;gap:24px}.my-courses-list-section{padding:32px 0}.course-header-gradient{padding:24px 20px;flex-direction:column;align-items:flex-start;gap:12px}.my-course-card-body{padding:20px}.my-course-actions{flex-direction:column}.my-course-btn{width:100%}.course-hero{padding:32px 0 24px}.course-hero-content{grid-template-columns:1fr;gap:24px}.buy-box{position:static;margin-top:24px}.course-title{font-size:2rem}.student-feedback{grid-template-columns:1fr;gap:24px}.feedback-summary{padding:24px}.feedback-score{font-size:48px}.content-section{padding:20px;margin-bottom:24px}.section-title{font-size:22px}.learning-grid{grid-template-columns:1fr}.accordion-header{padding:16px}.accordion-content{padding:16px!important}}@media (max-width:480px){.course-hero{padding:24px 0 20px}.course-title{font-size:1.75rem}.course-subtitle{font-size:1rem}.content-section{padding:16px}.section-title{font-size:20px;margin-bottom:16px}.feedback-summary{padding:20px}.feedback-score{font-size:40px}.my-courses-hero{padding:24px 0}.my-courses-title,.title-icon{font-size:1.75rem}.my-courses-stats{flex-direction:column;gap:12px}.my-course-stat-card{width:100%}.my-courses-grid{gap:20px}.course-header-gradient{padding:20px 16px}.my-course-card-body{padding:16px;gap:16px}}@media (max-width:768px){.all-courses-hero{padding:32px 0 24px}.all-courses-header-content{flex-direction:column;gap:24px}.all-courses-stats{width:100%;justify-content:space-between}.all-course-stat-card{flex:1 1;min-width:0;padding:12px 16px}.all-courses-filters-enhanced{grid-template-columns:1fr;gap:16px}.course-grid{grid-template-columns:1fr;gap:24px}.all-courses-list-section{padding:32px 0}}@media (max-width:480px){.all-courses-hero{padding:24px 0 20px}.all-courses-title,.title-icon{font-size:1.75rem}.all-courses-stats{flex-direction:column;gap:12px}.all-course-stat-card{width:100%}.course-grid{gap:20px}}