@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700;800&family=Sora:wght@700;800&display=swap";
:root{--bg-dark:#0d1b5e;--bg-body:#fff;--bg-card:#fff;--bg-card-hover:#fff;--bg-input:#f5f7fa;--bg-section-alt:#f8fafc;--primary:#1e88e5;--primary-glow:#1e88e51f;--primary-hover:#163fa3;--secondary:#42a5f5;--secondary-hover:#1e88e5;--accent:#2ead4b;--accent-glow:#2ead4b1a;--accent-purple:#6c4cf5;--danger:#e53935;--warning:#ffb300;--text-heading:#0d1b5e;--text-main:#4b5563;--text-muted:#6b7280;--text-dark:#374151;--border:#e6ecf5;--border-hover:#1e88e5;--border-accent:#2ead4b66;--font-sans:"Inter", sans-serif;--font-title:"Poppins", sans-serif;--font-logo:"Sora", sans-serif;--radius-btn:12px;--radius-card:20px;--radius-input:12px;--radius-img:16px;--max-width:1200px;--header-height:80px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--shadow:0 8px 30px #1e88e51f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-body);color:var(--text-main);font-family:var(--font-sans);background-image:radial-gradient(circle at 10% 20%,#1e88e508 0%,#0000 40%),radial-gradient(circle at 90% 80%,#42a5f508 0%,#0000 40%);background-attachment:fixed;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}img{border-radius:var(--radius-img);max-width:100%;height:auto;display:block}ul{list-style:none}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-heading);font-weight:700;line-height:1.2}h1{font-size:3rem}h2{margin-bottom:1.5rem;font-size:2.25rem}h3{margin-bottom:1rem;font-size:1.5rem}.text-gradient{background:linear-gradient(135deg, var(--text-heading) 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-cyan{background:linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-accent{color:var(--primary)}.btn{border-radius:var(--radius-btn);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#1e88e5 0%,#163fa3 100%)}.btn-primary:hover{background:#163fa3;transform:translateY(-2px);box-shadow:0 10px 25px #1e88e540}.btn-secondary{color:var(--text-heading);border:1.5px solid var(--border);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-input);border-color:var(--primary);transform:translateY(-2px)}.btn-accent{background-color:var(--accent);color:var(--bg-body);box-shadow:0 4px 14px var(--accent-glow)}.btn-accent:hover{background-color:#248e3e;transform:translateY(-2px);box-shadow:0 6px 20px #2ead4b33}.btn-danger{background-color:var(--danger);color:var(--bg-body)}.btn-danger:hover{background-color:#c62828;transform:translateY(-2px)}.btn-block{width:100%;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);transition:var(--transition);box-shadow:var(--shadow);padding:2rem}.card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 15px 40px #1e88e52e}header{height:var(--header-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:1000;background:#ffffffd9;width:100%;position:fixed;top:0;left:0}.header-container{height:100%;max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 2rem;display:flex}.logo{font-family:var(--font-logo);background:linear-gradient(135deg, var(--text-heading) 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.logo.logo-light{background:linear-gradient(135deg, #fff 40%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.logo-dot{background-color:var(--primary);width:8px;height:8px;box-shadow:0 0 10px var(--primary-glow);border-radius:50%;display:inline-block}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-muted);padding:.5rem 0;font-size:.95rem;font-weight:500;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a:after{content:"";background-color:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:0;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-actions{align-items:center;gap:1.5rem;display:flex}.cart-icon-wrapper{cursor:pointer;color:var(--text-muted);transition:var(--transition);padding:.5rem;position:relative}.cart-icon-wrapper:hover{color:var(--primary);transform:scale(1.05)}.cart-count{background-color:var(--primary);color:#fff;border:2px solid var(--bg-body);border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:2px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:0;right:0}.mobile-nav-toggle{cursor:pointer;color:var(--text-heading);font-size:1.5rem;display:none}footer{background-color:var(--bg-dark);border-top:1px solid var(--border);margin-top:auto;padding:5rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem;display:grid}.footer-brand p{color:var(--text-muted);max-width:320px;margin-top:1rem;margin-bottom:1.5rem}.footer-socials{gap:1rem;display:flex}.social-link{border:1px solid var(--border);width:40px;height:40px;color:var(--text-muted);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-link:hover{background:var(--primary-glow);border-color:var(--primary);color:#fff;transform:translateY(-3px)}.footer-col h4{margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.1rem;position:relative}.footer-col h4:after{content:"";background-color:var(--primary);width:30px;height:2px;position:absolute;bottom:0;left:0}.footer-col ul{flex-direction:column;gap:.8rem;display:flex}.footer-col a{color:var(--text-muted);font-size:.95rem}.footer-col a:hover{color:#fff;padding-left:5px}.footer-bottom{border-top:1px solid var(--border);color:var(--text-dark);justify-content:space-between;align-items:center;padding-top:2rem;font-size:.85rem;display:flex}.footer-bottom-links{gap:1.5rem;display:flex}.footer-bottom-links a:hover{color:var(--text-muted)}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-programming{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.badge-devops{color:#a78bfa;background:#8b5cf61a;border:1px solid #8b5cf633}.badge-ai{color:#f472b6;background:#ec48991a;border:1px solid #ec489933}.badge-free{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.badge-best{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33}.hero{min-height:95vh;padding-top:var(--header-height);align-items:center;display:flex;position:relative}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;display:grid}.hero-grid>*{min-width:0}.hero-content{animation:.8s ease-out fadeInUp}.hero-tag{color:#c084fc;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem;display:inline-flex}.hero-tag-dot{background-color:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}.hero h1{margin-bottom:1.5rem;font-size:3.75rem;font-weight:800;line-height:1.1}.hero-desc{color:var(--text-muted);max-width:600px;margin-bottom:2.5rem;font-size:1.15rem}.hero-buttons{gap:1rem;margin-bottom:3rem;display:flex}.hero-stats{border-top:1px solid var(--border);gap:3rem;padding-top:2rem;display:flex}.stat-item h3{color:var(--text-heading);margin-bottom:.2rem;font-size:2rem}.stat-item p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.hero-image-container{justify-content:center;align-items:center;animation:.8s ease-out fadeInRight;display:flex;position:relative}.hero-glow{background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);filter:blur(20px);z-index:0;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute}.hero-card{z-index:1;background:linear-gradient(135deg,#141e30f2 0%,#0c111cf2 100%);border:1px solid #ffffff1f;border-radius:24px;width:100%;position:relative;overflow:hidden;box-shadow:0 25px 55px #0d1b5e29}.hero-card-header{border-bottom:1px solid var(--border);background:#ffffff05;gap:.5rem;padding:1rem;display:flex}.dot-btn{background-color:#fff3;border-radius:50%;width:12px;height:12px}.dot-btn.red{background-color:#ef4444}.dot-btn.yellow{background-color:#f59e0b}.dot-btn.green{background-color:#10b981}.hero-card-body{padding:2.5rem;overflow:hidden}.code-snippet{color:#c084fc;white-space:pre-wrap;word-break:break-word;font-family:Fira Code,monospace;font-size:.9rem;overflow-x:auto}.code-comment{color:var(--text-dark)}.code-keyword{color:#f472b6}.code-string{color:#34d399}.code-number{color:#fbbf24}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem;display:grid}.course-card{flex-direction:column;height:100%;display:flex}.course-card-img{border-radius:12px;height:200px;margin-bottom:1.5rem;position:relative;overflow:hidden}.course-card-img img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.course-card:hover .course-card-img img{transform:scale(1.05)}.course-badges{gap:.5rem;display:flex;position:absolute;top:1rem;left:1rem}.course-card-content{flex-direction:column;flex-grow:1;display:flex}.course-card-title{margin-bottom:.8rem;font-size:1.25rem;font-weight:700;line-height:1.3}.course-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.92rem;display:-webkit-box;overflow:hidden}.course-meta{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.2rem;display:flex}.course-instructor{align-items:center;gap:.6rem;display:flex}.instructor-avatar{border:1px solid var(--primary);border-radius:50%;width:32px;height:32px}.instructor-name{font-size:.85rem;font-weight:500}.course-pricing{text-align:right}.course-price-old{color:var(--text-dark);font-size:.8rem;text-decoration:line-through;display:block}.course-price-current{color:var(--text-heading);font-size:1.15rem;font-weight:700}.course-price-free{color:var(--accent);font-size:1.15rem;font-weight:700}.teacher-profile{grid-template-columns:.9fr 1.1fr;align-items:center;gap:4rem;display:grid}.teacher-image-wrapper{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;position:relative;overflow:hidden}.teacher-image-wrapper:after{content:"";background:linear-gradient(#0000 60%,#090d16e6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.teacher-experience-badge{z-index:2;border:1px solid var(--border-hover);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1423d9;border-radius:12px;padding:1rem 1.5rem;position:absolute;bottom:2rem;left:2rem}.experience-years{color:var(--primary);font-size:2rem;font-weight:800;line-height:1}.experience-text{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem}.teacher-skills{grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0;display:grid}.skill-tag{border:1px solid var(--border);background:#ffffff05;border-radius:8px;align-items:center;gap:.8rem;padding:.8rem 1rem;display:flex}.skill-tag i{color:var(--primary);font-size:1.25rem}.testimonial-card{border:1px solid var(--border);background:#ffffff05;border-radius:16px;padding:2.5rem;position:relative}.quote-icon{color:var(--primary-glow);font-family:serif;font-size:3rem;line-height:1;position:absolute;top:1rem;right:1.5rem}.testimonial-text{color:var(--text-muted);z-index:1;margin-bottom:2rem;font-style:italic;position:relative}.testimonial-author{align-items:center;gap:1rem;display:flex}.author-avatar{border:2px solid var(--primary);border-radius:50%;width:48px;height:48px}.author-name{font-size:1rem;font-weight:600}.author-title{color:var(--text-dark);font-size:.8rem}.page-header{text-align:center;background:radial-gradient(at top,#8b5cf614,#0000 60%);padding:8rem 0 3rem}.page-header h1{margin-bottom:1rem;font-size:3rem}.page-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.catalog-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3rem;display:flex}.search-box{flex-grow:1;max-width:450px;position:relative}.search-box input{background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);width:100%;color:var(--text-dark);transition:var(--transition);padding:.8rem 1.2rem .8rem 2.8rem}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.search-box i{color:var(--text-dark);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.filter-buttons{gap:.8rem;max-width:100%;padding-bottom:.5rem;display:flex;overflow-x:auto}.filter-btn{border:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:var(--transition);background:#ffffff05;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500}.filter-btn:hover{border-color:var(--text-muted)}.filter-btn.active{background-color:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.detail-grid{grid-template-columns:1.3fr .7fr;gap:3.5rem;margin-top:3rem;display:grid}.detail-main{flex-direction:column;gap:3rem;display:flex}.detail-header-meta{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.detail-title{margin-bottom:1.5rem;font-size:2.75rem}.detail-desc{color:var(--text-muted);margin-bottom:2rem;font-size:1.15rem}.course-key-details{border:1px solid var(--border);background:#ffffff05;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;padding:1.5rem;display:grid}.key-detail-item{flex-direction:column;gap:.2rem;display:flex}.key-detail-label{color:var(--text-dark);text-transform:uppercase;font-size:.8rem}.key-detail-value{color:var(--text-heading);font-weight:600}.curriculum-section{flex-direction:column;gap:1rem;display:flex}.curriculum-accordion{border:1px solid var(--border);border-radius:8px;overflow:hidden}.accordion-header{cursor:pointer;transition:var(--transition);background:#ffffff05;justify-content:space-between;align-items:center;padding:1.2rem;font-weight:600;display:flex}.accordion-header:hover{background:#ffffff0a}.accordion-content{border-top:1px solid var(--border);background:#0000001a;padding:1.2rem}.lesson-list{flex-direction:column;gap:.8rem;display:flex}.lesson-item{color:var(--text-muted);justify-content:space-between;font-size:.95rem;display:flex}.lesson-title-wrapper{align-items:center;gap:.8rem;display:flex}.lesson-title-wrapper i{color:var(--primary)}.detail-sidebar{top:calc(var(--header-height) + 2rem);height:fit-content;position:sticky}.sidebar-card{border:1px solid var(--border);background:linear-gradient(#141e30cc 0%,#0c121cf2 100%);border-radius:16px;padding:2.5rem;box-shadow:0 20px 40px #00000080}.sidebar-video-preview{border:1px solid var(--border);background:#0006;border-radius:8px;justify-content:center;align-items:center;width:100%;height:180px;margin-bottom:2rem;display:flex;position:relative;overflow:hidden}.play-button{background-color:var(--primary);color:#fff;cursor:pointer;width:60px;height:60px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;box-shadow:0 0 20px #8b5cf699}.play-button:hover{background-color:var(--primary-hover);transform:scale(1.1)}.sidebar-price-container{align-items:baseline;gap:.8rem;margin-bottom:1.5rem;display:flex}.sidebar-price{color:var(--text-heading);font-size:2.25rem;font-weight:800}.sidebar-discount-price{color:var(--text-dark);font-size:1.25rem;text-decoration:line-through}.sidebar-badge{color:var(--accent);background:#10b9811a;border-radius:4px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.sidebar-cta{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.sidebar-features{border-top:1px solid var(--border);flex-direction:column;gap:.8rem;padding-top:1.5rem;display:flex}.sidebar-features h4{margin-bottom:.5rem;font-size:1rem}.feature-list-item{color:var(--text-muted);align-items:center;gap:.8rem;font-size:.9rem;display:flex}.feature-list-item i{color:var(--accent)}.cart-grid{grid-template-columns:1.4fr .6fr;gap:3.5rem;margin-top:3rem;display:grid}.cart-items-list{flex-direction:column;gap:1.5rem;display:flex}.cart-item{border:1px solid var(--border);background:#ffffff05;border-radius:12px;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.cart-item-img{border-radius:6px;flex-shrink:0;width:120px;height:80px;overflow:hidden}.cart-item-img img{object-fit:cover;width:100%;height:100%}.cart-item-details{flex-grow:1}.cart-item-title{margin-bottom:.3rem;font-size:1.1rem;font-weight:600}.cart-item-author{color:var(--text-dark);font-size:.85rem}.cart-item-price{text-align:right;min-width:100px;font-size:1.15rem;font-weight:700}.cart-item-remove{color:var(--text-dark);cursor:pointer;transition:var(--transition);padding:.5rem;font-size:1.25rem}.cart-item-remove:hover{color:var(--danger)}.cart-summary{border:1px solid var(--border);background:#ffffff05;border-radius:12px;height:fit-content;padding:2rem}.summary-row{color:var(--text-muted);justify-content:space-between;margin-bottom:1.2rem;font-size:1rem;display:flex}.summary-total{border-top:1px solid var(--border);color:var(--text-heading);padding-top:1.2rem;font-size:1.3rem;font-weight:700}.coupon-section{margin-top:1.5rem;margin-bottom:1.5rem}.coupon-input-wrapper{gap:.5rem;margin-top:.5rem;display:flex}.coupon-input-wrapper input{background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-dark);flex-grow:1;padding:.6rem 1rem;font-size:.9rem}.coupon-input-wrapper input:focus{border-color:var(--primary)}.coupon-input-wrapper button{padding:.6rem 1.2rem;font-size:.9rem}.empty-cart-state{text-align:center;padding:5rem 2rem}.empty-cart-state i{color:var(--text-dark);margin-bottom:2rem;font-size:4rem}.empty-cart-state h2{margin-bottom:1rem;font-size:2rem}.empty-cart-state p{color:var(--text-muted);margin-bottom:2.5rem}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-group label{color:var(--text-muted);font-size:.9rem;font-weight:500}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-control{background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);width:100%;color:var(--text-dark);transition:var(--transition);padding:.8rem 1.2rem}.form-control:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}textarea.form-control{resize:vertical;min-height:120px}.checkout-grid{grid-template-columns:1.2fr .8fr;gap:3.5rem;margin-top:3rem;display:grid}.payment-methods{flex-direction:column;gap:1rem;margin-top:1rem;margin-bottom:2rem;display:flex}.payment-option{border:1px solid var(--border);cursor:pointer;transition:var(--transition);border-radius:8px;align-items:center;gap:1rem;padding:1.2rem;display:flex}.payment-option:hover{background:#ffffff03}.payment-option.active{border-color:var(--primary);background:var(--primary-glow)}.payment-radio{border:2px solid var(--text-dark);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:relative}.payment-option.active .payment-radio{border-color:var(--primary)}.payment-option.active .payment-radio:after{content:"";background-color:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute}.payment-icon-wrapper{color:var(--text-muted);font-size:1.5rem}.payment-option.active .payment-icon-wrapper{color:var(--primary)}.payment-details-form{background:var(--bg-section-alt);border:1px solid var(--border);border-radius:var(--radius-input);margin-top:1rem;padding:1.5rem}.checkout-success-container{text-align:center;max-width:600px;margin:4rem auto;padding:4rem 2rem}.success-icon-wrapper{background-color:var(--accent-glow);border:1px solid var(--border-accent);width:80px;height:80px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 2.5rem;font-size:2.5rem;display:flex}.contact-grid{grid-template-columns:.8fr 1.2fr;gap:4rem;display:grid}.contact-info-list{flex-direction:column;gap:2rem;display:flex}.contact-info-item{align-items:flex-start;gap:1.2rem;display:flex}.contact-info-icon{background-color:var(--primary-glow);border:1px solid var(--border-hover);width:48px;height:48px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.contact-info-text h4{margin-bottom:.3rem;font-size:1.1rem}.contact-info-text p{color:var(--text-muted);font-size:.95rem}.legal-content{max-width:800px;margin:3rem auto 0}.legal-content h2{border-bottom:1px solid var(--border);margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.75rem}.legal-content p{color:var(--text-muted);margin-bottom:1.5rem}.legal-content ul{color:var(--text-muted);margin-bottom:1.5rem;padding-left:2rem;list-style-type:disc}.legal-content li{margin-bottom:.5rem}.skill-progress-bar{background-color:var(--border);border-radius:4px;width:100%;height:8px;margin-top:.5rem;position:relative;overflow:hidden}.skill-progress-fill{background:linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);border-radius:4px;width:0;height:100%;transition:width 1.5s cubic-bezier(.1,1,.1,1)}.stats-metric-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem;margin-bottom:4rem;display:grid}.metric-card{text-align:center;border:1px solid var(--border);background:#ffffff05;border-radius:12px;padding:2.5rem 1.5rem}.metric-value{color:var(--primary);font-size:2.5rem;font-weight:800;line-height:1;font-family:var(--font-title);margin-bottom:.5rem}.toast-item{animation:.3s cubic-bezier(.4,0,.2,1) forwards toastIn}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 #10b98166}70%{opacity:.8;transform:scale(1.1);box-shadow:0 0 0 8px #10b98100}to{opacity:1;transform:scale(1);box-shadow:0 0 #10b98100}}@media (max-width:1024px){h1{font-size:2.5rem}h2{font-size:1.85rem}.hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.hero{min-height:auto;padding:8rem 0 4rem}.hero-desc{margin-left:auto;margin-right:auto}.hero-buttons,.hero-stats{justify-content:center}.teacher-profile,.detail-grid,.cart-grid,.checkout-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}.detail-sidebar{position:static}.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}}@media (max-width:768px){.container{padding:0 1.5rem}.section{padding:4rem 0}.header-container{padding:0 1.5rem}.mobile-nav-toggle{z-index:1001;display:block}.nav-links{background-color:var(--bg-dark);border-left:1px solid var(--border);z-index:1000;width:80%;max-width:320px;height:100vh;transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;position:fixed;top:0;right:-100%}.nav-links.active{right:0}.nav-actions{gap:1rem}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{text-align:center;flex-direction:column;gap:1.5rem}.form-row{grid-template-columns:1fr;gap:0}.cart-item{text-align:center;flex-direction:column;gap:1rem}.cart-item-price{text-align:center}.teacher-skills{grid-template-columns:1fr}}