:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#f59e0b;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-border:#e2e8f0;--color-dark-bg:#0f172a;--color-dark-surface:#1e293b;--color-dark-text-main:#f8fafc;--color-dark-text-muted:#cbd5e1;--color-dark-border:#334155;--font-family-main:"Inter", system-ui, -apple-system, sans-serif;--font-family-heading:"Outfit", system-ui, -apple-system, sans-serif;--font-xs:clamp(.75rem, .7rem + .25vw, .875rem);--font-sm:clamp(.875rem, .8rem + .38vw, 1rem);--font-base:clamp(1rem, .95rem + .25vw, 1.125rem);--font-lg:clamp(1.125rem, 1.05rem + .38vw, 1.25rem);--font-xl:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--font-2xl:clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--font-3xl:clamp(1.875rem, 1.6rem + 1.38vw, 2.5rem);--font-4xl:clamp(2.25rem, 1.8rem + 2.25vw, 3.5rem);--font-5xl:clamp(2.75rem, 2rem + 3.75vw, 4.5rem);--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-below:-1;--z-normal:1;--z-above:10;--z-dropdown:50;--z-sticky:100;--z-modal:1000;--z-toast:2000}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family-main);background-color:var(--color-bg);color:var(--color-text-main);scroll-behavior:smooth;line-height:1.6}body{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-text-main);font-weight:700;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}img,video{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;padding:0 var(--spacing-4);margin:0 auto}.main-content{flex-direction:column;flex:1;display:flex}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) forwards}.animate-slide-up{animation:slideUp var(--transition-slow) forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.navbar{width:100%;z-index:var(--z-sticky);border-bottom:1px solid var(--color-border);padding:var(--spacing-3) 0;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo{align-items:center;gap:var(--spacing-2);font-family:var(--font-family-heading);font-weight:700;font-size:var(--font-xl);color:var(--color-text-main);display:flex}.navbar-links{gap:var(--spacing-6);display:flex}.nav-link{color:var(--color-text-muted);transition:color var(--transition-fast);font-weight:500}.nav-link:hover{color:var(--color-primary)}.navbar-actions{gap:var(--spacing-3);display:flex}.btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:600}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-outline{border:1px solid var(--color-border);color:var(--color-text-main)}.btn-outline:hover{background-color:var(--color-surface-hover)}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-12) 0 var(--spacing-6) 0;margin-top:auto}.footer-container{gap:var(--spacing-8);margin-bottom:var(--spacing-8);grid-template-columns:2fr 1fr 1fr;display:grid}.footer-brand{max-width:300px}.footer-logo{align-items:center;gap:var(--spacing-2);font-family:var(--font-family-heading);font-weight:700;font-size:var(--font-lg);margin-bottom:var(--spacing-4);display:flex}.footer-description{color:var(--color-text-muted);font-size:var(--font-sm)}.footer-title{font-size:var(--font-base);margin-bottom:var(--spacing-4)}.footer-links-group{gap:var(--spacing-2);flex-direction:column;display:flex}.footer-links-group a{color:var(--color-text-muted);font-size:var(--font-sm)}.footer-links-group a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;padding-top:var(--spacing-6);border-top:1px solid var(--color-border);color:var(--color-text-light);font-size:var(--font-xs)}@media (width<=768px){.footer-container{grid-template-columns:1fr}}.hero-section{padding:var(--spacing-24) 0;text-align:center;background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg) 100%)}.hero-container{max-width:800px}.hero-title{font-size:var(--font-5xl);margin-bottom:var(--spacing-6);letter-spacing:-.02em}.hero-subtitle{font-size:var(--font-xl);color:var(--color-text-muted);margin-bottom:var(--spacing-8)}.hero-actions{justify-content:center;gap:var(--spacing-4);display:flex}.btn-large{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-lg)}.featured-section{padding:var(--spacing-16) 0}.section-title{font-size:var(--font-3xl);margin-bottom:var(--spacing-12)}.course-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.course-card-placeholder{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-8);text-align:center;height:250px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.course-details-page{padding-bottom:var(--spacing-24)}.course-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-16) 0;margin-bottom:var(--spacing-12)}.header-container{gap:var(--spacing-12);align-items:flex-start;display:flex;position:relative}.header-content{flex:1}.course-title{font-size:var(--font-4xl);margin-bottom:var(--spacing-4)}.course-subtitle{font-size:var(--font-lg);color:var(--color-text-muted);margin-bottom:var(--spacing-6);max-width:800px}.course-meta{gap:var(--spacing-6);margin-bottom:var(--spacing-4);flex-wrap:wrap;font-weight:500;display:flex}.meta-item{align-items:center;gap:var(--spacing-2);color:var(--color-accent);display:flex}.instructor-name{color:var(--color-text-main)}.header-action-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:350px;box-shadow:var(--shadow-xl);position:sticky;top:100px;overflow:hidden}.video-preview-placeholder{background-color:var(--color-dark-bg);color:#fff;cursor:pointer;width:100%;height:200px;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.video-preview-placeholder:hover{background-color:var(--color-dark-surface)}.play-icon{opacity:.8}.action-card-body{padding:var(--spacing-6)}.price{font-size:var(--font-3xl);margin-bottom:var(--spacing-4)}.enroll-btn{margin-bottom:var(--spacing-3)}.guarantee{text-align:center;font-size:var(--font-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-6)}.includes-list h4{font-size:var(--font-sm);margin-bottom:var(--spacing-3)}.includes-list ul{gap:var(--spacing-2);flex-direction:column;display:flex}.includes-list li{align-items:center;gap:var(--spacing-2);font-size:var(--font-sm);color:var(--color-text-muted);display:flex}.includes-list li svg{color:var(--color-primary)}.course-curriculum{max-width:800px;margin:0 auto}.modules-list{gap:var(--spacing-4);flex-direction:column;display:flex}.module-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-4);background:var(--color-surface)}.module-header{justify-content:space-between;align-items:center;display:flex}.module-title{font-size:var(--font-base);font-weight:600}.module-duration{font-size:var(--font-sm);color:var(--color-text-muted)}@media (width<=992px){.header-container{flex-direction:column}.header-action-card{width:100%;position:static}}