:root{--navy:#1b1f4b;--navy-light:#2a2f6e;--blue:#3b82f6;--blue-light:#60a5fa;--purple:#7c3aed;--purple-light:#a78bfa;--gradient-primary:linear-gradient(135deg, #3b82f6 0%, #7c3aed 100%);--gradient-hero:linear-gradient(135deg, #eef2ff 0%, #f0f4ff 50%, #f5f3ff 100%);--gradient-card:linear-gradient(135deg, #3b82f60d 0%, #7c3aed0d 100%);--gradient-text:linear-gradient(135deg, #3b82f6 0%, #7c3aed 100%);--gradient-dark:linear-gradient(135deg, #1b1f4b 0%, #2a2f6e 50%, #3b3f8e 100%);--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg-primary:#f8faff;--bg-secondary:#f0f4ff;--bg-card:#fff;--text-primary:#1b1f4b;--text-secondary:#475569;--text-muted:#94a3b8;--border-light:#e2e8f0;--border-card:#3b82f61a;--shadow-sm:0 1px 3px #1b1f4b0f;--shadow-md:0 4px 16px #1b1f4b14;--shadow-lg:0 8px 32px #1b1f4b1f;--shadow-xl:0 16px 48px #1b1f4b29;--shadow-glow:0 0 30px #3b82f626;--shadow-card:0 4px 24px #1b1f4b0f;--shadow-card-hover:0 12px 40px #3b82f61f;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.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;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--section-padding:100px 0;--container-max:100%;--container-padding:0 60px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--banner-height:0px}.maintenance-banner{z-index:10000;color:#fff;font-family:var(--font-family);font-size:var(--font-size-sm);text-align:center;letter-spacing:.02em;background:linear-gradient(135deg,#f59e0b 0%,#ef4444 50%,#f59e0b 100%) 0 0/200% 200%;justify-content:center;align-items:center;gap:12px;padding:10px 20px;font-weight:600;animation:3s infinite bannerShimmer;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #f59e0b59}@keyframes bannerShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.maintenance-banner-content{align-items:center;gap:10px;display:flex}.maintenance-banner-content svg{flex-shrink:0;animation:2s ease-in-out infinite bannerPulse}@keyframes bannerPulse{0%,to{opacity:1}50%{opacity:.6}}.maintenance-banner-content p{margin:0;line-height:1.4}.maintenance-banner-close{border-radius:var(--radius-full);color:#fff;cursor:pointer;width:28px;height:28px;transition:background var(--transition-fast);background:#fff3;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.maintenance-banner-close:hover{background:#ffffff59}@media (max-width:600px){.maintenance-banner{font-size:var(--font-size-xs);gap:8px;padding:8px 14px}.maintenance-banner-content svg{display:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--white);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}ul,ol{list-style:none}.container{max-width:var(--container-max);padding:var(--container-padding);margin:0 auto}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-tag{background:var(--gradient-card);border:1px solid var(--border-card);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--blue);align-items:center;gap:8px;margin-bottom:16px;padding:8px 20px;font-weight:600;display:inline-flex}.section-title{font-size:var(--font-size-4xl);color:var(--navy);margin-bottom:16px;font-weight:800;line-height:1.2}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;line-height:1.7}.btn{font-size:var(--font-size-base);border-radius:var(--radius-full);transition:all var(--transition-base);justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:0 4px 16px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--navy);border:2px solid var(--border-light);background:0 0}.btn-outline:hover{border-color:var(--blue);color:var(--blue);background:#3b82f60a}.btn-white{background:var(--white);color:var(--navy);box-shadow:var(--shadow-md)}.btn-white:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:10px 20px}.btn-ghost:hover{color:var(--blue);background:#3b82f60f}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f633}50%{box-shadow:0 0 40px #7c3aed4d}}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-up{animation:.6s forwards fadeInUp}.animate-fade-left{animation:.6s forwards fadeInLeft}.animate-fade-right{animation:.6s forwards fadeInRight}.animate-float{animation:4s ease-in-out infinite float}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.navbar{top:var(--banner-height,0px);z-index:1000;transition:all var(--transition-base);-webkit-backdrop-filter:blur(20px);background:#fffc;padding:16px 0;position:fixed;left:0;right:0}.navbar.scrolled{box-shadow:var(--shadow-md);background:#fffffff2;padding:10px 0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.navbar-logo{align-items:center;gap:10px;display:flex}.navbar-logo img{width:auto;height:80px}.navbar-links{align-items:center;gap:8px;display:flex}.navbar-links a{font-size:var(--font-size-sm);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:8px 16px;font-weight:500;position:relative}.navbar-links a:hover{color:var(--blue);background:#3b82f60f}.navbar-links a.active{color:var(--blue);font-weight:600}.navbar-actions{align-items:center;gap:12px;display:flex}.navbar-actions .btn-login{font-size:var(--font-size-sm);color:var(--navy);border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;padding:8px 20px;font-weight:600}.navbar-actions .btn-login:hover{color:var(--blue)}.navbar-actions .btn-signup{font-size:var(--font-size-sm);color:var(--white);background:var(--gradient-primary);border-radius:var(--radius-full);transition:all var(--transition-base);padding:10px 24px;font-weight:600;box-shadow:0 2px 12px #3b82f640}.navbar-actions .btn-signup:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f659}.navbar-hamburger{background:0 0;flex-direction:column;gap:5px;padding:4px;display:none}.navbar-hamburger span{background:var(--navy);width:24px;height:2.5px;transition:all var(--transition-fast);border-radius:2px;display:block}.hero{padding:calc(140px + var(--banner-height,0px)) 0 100px;background:var(--gradient-hero);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#3b82f614 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.hero:after{content:"";background:radial-gradient(circle,#7c3aed0f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:6s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%}.hero .container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-content{animation:.8s forwards fadeInLeft}.hero-badge{background:var(--white);border:1px solid var(--border-card);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--blue);box-shadow:var(--shadow-sm);align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-weight:600;display:inline-flex}.hero-badge span{background:var(--blue);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-glow}.hero-title{font-size:var(--font-size-6xl);color:var(--navy);letter-spacing:-.02em;margin-bottom:20px;font-weight:800;line-height:1.1}.hero-description{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:520px;margin-bottom:36px;line-height:1.7}.hero-buttons{align-items:center;gap:16px;margin-bottom:40px;display:flex}.hero-stats{gap:40px;display:flex}.hero-stat{align-items:center;gap:12px;display:flex}.hero-stat-icon{border-radius:var(--radius-md);background:var(--gradient-card);border:1px solid var(--border-card);justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.hero-stat-info strong{font-size:var(--font-size-xl);color:var(--navy);font-weight:800;display:block}.hero-stat-info span{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.hero-visual{animation:.8s forwards fadeInRight;position:relative}.hero-image-wrapper{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.hero-image-wrapper img{object-fit:cover;width:100%;height:520px}.hero-floating-badge{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:12px 18px;animation:4s ease-in-out infinite float;display:flex;position:absolute}.hero-floating-badge.badge-1{animation-delay:0s;top:20px;right:-20px}.hero-floating-badge.badge-2{animation-delay:1s;bottom:80px;left:-20px}.hero-floating-badge.badge-3{animation-delay:2s;bottom:20px;right:-10px}.badge-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.badge-icon.blue{color:var(--blue);background:#3b82f61f}.badge-icon.purple{color:var(--purple);background:#7c3aed1f}.badge-icon.navy{color:var(--navy);background:#1b1f4b1a}.badge-text strong{font-size:var(--font-size-sm);color:var(--navy);font-weight:700;display:block}.badge-text span{font-size:var(--font-size-xs);color:var(--text-muted)}.partners{background:var(--white);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:60px 0}.partners-label{text-align:center;font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:32px;font-weight:600}.partners-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;display:flex}.partner-logo{font-size:var(--font-size-2xl);color:var(--gray-300);transition:all var(--transition-base);letter-spacing:-.5px;font-weight:800}.partner-logo:hover{color:var(--navy)}.learning-methods{padding:var(--section-padding);background:var(--bg-primary)}.learning-methods .container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.learning-image{position:relative}.learning-image-wrapper{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.learning-image-wrapper img{object-fit:cover;width:100%;height:450px}.learning-stat-badge{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:14px 20px;display:flex;position:absolute}.learning-stat-badge.stat-1{animation:5s ease-in-out infinite float;bottom:-20px;right:30px}.learning-stat-badge.stat-2{animation:4s ease-in-out infinite reverse float;top:-15px;left:-15px}.learning-stat-icon{border-radius:var(--radius-sm);background:var(--gradient-primary);width:44px;height:44px;color:var(--white);justify-content:center;align-items:center;font-size:20px;display:flex}.learning-stat-text strong{font-size:var(--font-size-lg);color:var(--navy);font-weight:800;display:block}.learning-stat-text span{font-size:var(--font-size-xs);color:var(--text-muted)}.learning-content .section-tag{margin-bottom:20px}.learning-content .section-title{margin-bottom:16px}.learning-content .section-subtitle{margin-bottom:40px}.method-list{flex-direction:column;gap:28px;display:flex}.method-item{border-radius:var(--radius-lg);transition:all var(--transition-base);gap:20px;padding:20px;display:flex}.method-item:hover{background:var(--white);box-shadow:var(--shadow-card);transform:translate(4px)}.method-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;font-size:24px;display:flex}.method-icon.icon-blue{color:var(--blue);background:#3b82f61a}.method-icon.icon-purple{color:var(--purple);background:#7c3aed1a}.method-icon.icon-navy{color:var(--navy);background:#1b1f4b14}.method-info h4{font-size:var(--font-size-lg);color:var(--navy);margin-bottom:6px;font-weight:700}.method-info p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.courses{padding:var(--section-padding);background:var(--white)}.courses-header{text-align:center;margin-bottom:60px}.courses-header .section-subtitle{margin:0 auto}.courses-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:48px;display:grid}.course-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-xl);transition:all var(--transition-base);padding:32px;position:relative;overflow:hidden}.course-card:before{content:"";background:var(--gradient-primary);height:4px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.course-card:hover{border-color:var(--blue);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.course-card:hover:before{transform:scaleX(1)}.course-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-size:28px;display:flex}.course-icon.blue-bg{background:#3b82f61a}.course-icon.purple-bg{background:#7c3aed1a}.course-icon.navy-bg{background:#1b1f4b14}.course-card h3{font-size:var(--font-size-xl);color:var(--navy);margin-bottom:10px;font-weight:700}.course-card p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:20px;line-height:1.7}.course-meta{border-top:1px solid var(--border-light);align-items:center;gap:16px;padding-top:16px;display:flex}.course-meta span{font-size:var(--font-size-xs);color:var(--text-muted);align-items:center;gap:6px;font-weight:500;display:flex}.pricing-featured{background:var(--gradient-dark);border-radius:var(--radius-2xl);color:var(--white);justify-content:space-between;align-items:center;gap:40px;padding:48px;display:flex;position:relative;overflow:hidden}.pricing-featured:before{content:"";background:#3b82f626;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.pricing-featured:after{content:"";background:#7c3aed1a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-30%;left:10%}.pricing-content{z-index:1;position:relative}.pricing-content h3{font-size:var(--font-size-3xl);margin-bottom:12px;font-weight:800}.pricing-content p{font-size:var(--font-size-base);color:#ffffffb3;max-width:400px;margin-bottom:8px}.pricing-action{z-index:1;text-align:center;position:relative}.pricing-amount{font-size:var(--font-size-4xl);margin-bottom:4px;font-weight:800;display:block}.pricing-period{font-size:var(--font-size-sm);color:#fff9;margin-bottom:16px;display:block}.instructors{padding:var(--section-padding);background:var(--bg-primary)}.instructors-header{text-align:center;margin-bottom:60px}.instructors-header .section-subtitle{margin:0 auto}.instructors-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.instructor-card{background:var(--white);border-radius:var(--radius-xl);transition:all var(--transition-base);border:1px solid var(--border-light);overflow:hidden}.instructor-card:hover{box-shadow:var(--shadow-card-hover);border-color:#0000;transform:translateY(-6px)}.instructor-image{object-fit:cover;width:100%;height:280px;transition:transform var(--transition-slow)}.instructor-card:hover .instructor-image{transform:scale(1.05)}.instructor-image-wrapper{position:relative;overflow:hidden}.instructor-image-wrapper:after{content:"";background:linear-gradient(#0000,#fffc);height:60px;position:absolute;bottom:0;left:0;right:0}.instructor-info{padding:24px}.instructor-info h4{font-size:var(--font-size-lg);color:var(--navy);margin-bottom:4px;font-weight:700}.instructor-info .instructor-title{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:12px}.instructor-rating{align-items:center;gap:6px;display:flex}.stars{color:#fbbf24;letter-spacing:2px;font-size:14px}.rating-count{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.testimonials{padding:var(--section-padding);background:var(--white)}.testimonials-header{text-align:center;margin-bottom:60px}.testimonials-header .section-subtitle{margin:0 auto}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.testimonial-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);transition:all var(--transition-base);padding:32px}.testimonial-card:hover{border-color:var(--blue);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.testimonial-card.featured{background:var(--gradient-dark);color:var(--white);border-color:#0000}.testimonial-card.featured .testimonial-text{color:#ffffffd9}.testimonial-card.featured .testimonial-name{color:var(--white)}.testimonial-card.featured .testimonial-role{color:#fff9}.testimonial-stars{color:#fbbf24;letter-spacing:2px;margin-bottom:16px;font-size:14px}.testimonial-text{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:24px;line-height:1.7}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{background:var(--gradient-primary);width:44px;height:44px;color:var(--white);font-weight:700;font-size:var(--font-size-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.testimonial-name{font-weight:700;font-size:var(--font-size-sm);color:var(--navy)}.testimonial-role{font-size:var(--font-size-xs);color:var(--text-muted)}.cta-section{padding:var(--section-padding);background:var(--bg-secondary)}.cta-card{background:var(--gradient-dark);border-radius:var(--radius-2xl);text-align:center;color:var(--white);padding:80px;position:relative;overflow:hidden}.cta-card:before{content:"";background:#3b82f61f;border-radius:50%;width:400px;height:400px;position:absolute;top:-60%;right:-10%}.cta-card:after{content:"";background:#7c3aed14;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-40%;left:-5%}.cta-card>*{z-index:1;position:relative}.cta-card h2{font-size:var(--font-size-4xl);margin-bottom:16px;font-weight:800;line-height:1.2}.cta-card p{font-size:var(--font-size-lg);color:#ffffffb3;max-width:500px;margin-bottom:12px;margin-left:auto;margin-right:auto}.cta-batch-info{border-radius:var(--radius-full);font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;align-items:center;gap:8px;margin-bottom:32px;padding:8px 20px;font-weight:600;display:inline-flex}.cta-contact-info{flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:28px;display:flex}.cta-contact-link{color:#ffffffd9;font-size:var(--font-size-sm);transition:color var(--transition-fast);align-items:center;gap:6px;font-weight:600;display:inline-flex}.cta-contact-link:hover{color:var(--white)}.cta-buttons{justify-content:center;align-items:center;gap:16px;display:flex}.footer{background:var(--navy);color:var(--white);padding:80px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-brand{max-width:300px}.footer-brand img{filter:brightness(0)invert();height:48px;margin-bottom:16px}.footer-brand p{font-size:var(--font-size-sm);color:#fff9;margin-bottom:24px;line-height:1.7}.footer-socials{gap:12px;display:flex}.footer-social-link{border-radius:var(--radius-sm);width:40px;height:40px;transition:all var(--transition-base);background:#ffffff14;justify-content:center;align-items:center;font-size:16px;display:flex}.footer-social-link:hover{background:var(--blue);transform:translateY(-2px)}.footer-column h4{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1.5px;color:#ffffffe6;margin-bottom:24px;font-weight:700}.footer-column a{font-size:var(--font-size-sm);color:#ffffff80;transition:all var(--transition-fast);padding:6px 0;display:block}.footer-column a:hover{color:var(--white);transform:translate(4px)}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:32px;display:flex}.footer-bottom p{font-size:var(--font-size-xs);color:#fff6}.footer-bottom-links{gap:24px;display:flex}.footer-bottom-links a{font-size:var(--font-size-xs);color:#fff6;transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--white)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;transition:all var(--transition-base);background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal{background:var(--white);border-radius:var(--radius-2xl);width:90%;max-width:520px;box-shadow:var(--shadow-xl);transition:all var(--transition-spring);padding:48px;position:relative;transform:translateY(20px)scale(.95)}.modal-overlay.active .modal{transform:translateY(0)scale(1)}.modal-close{background:var(--gray-100);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background:var(--gray-200);color:var(--navy)}.modal h2{font-size:var(--font-size-2xl);color:var(--navy);margin-bottom:8px;font-weight:800}.modal p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:32px}.form-group{margin-bottom:20px}.form-group label{font-size:var(--font-size-sm);color:var(--navy);margin-bottom:8px;font-weight:600;display:block}.form-group input,.form-group select{border:2px solid var(--border-light);border-radius:var(--radius-md);width:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--navy);transition:all var(--transition-fast);background:var(--gray-50);padding:14px 16px}.form-group input:focus,.form-group select:focus{border-color:var(--blue);background:var(--white);outline:none;box-shadow:0 0 0 4px #3b82f61a}.form-group input::placeholder{color:var(--text-muted)}.form-submit{width:100%;margin-top:8px;padding:16px}.form-success{text-align:center;padding:20px 0}.form-success-icon{background:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:32px;display:flex}.form-success h3{font-size:var(--font-size-xl);color:var(--navy);margin-bottom:8px;font-weight:700}.form-success p{color:var(--text-secondary);margin-bottom:0}@media (max-width:1024px){.hero .container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-title{font-size:var(--font-size-4xl)}.hero-description{margin:0 auto 36px}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{max-width:500px;margin:0 auto}.learning-methods .container{grid-template-columns:1fr;gap:48px}.courses-grid,.instructors-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width:768px){:root{--section-padding:60px 0;--container-padding:0 16px}.navbar{padding:12px 0}.navbar.scrolled{padding:8px 0}.navbar-logo img{height:42px}.navbar-links{background:var(--white);box-shadow:var(--shadow-lg);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-direction:column;gap:2px;max-height:70vh;padding:12px 16px;animation:.25s forwards slide-in;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.navbar-links.open{display:flex}.navbar-links a{font-size:var(--font-size-base);border-radius:var(--radius-sm);padding:12px 16px}.navbar-hamburger{display:flex}.navbar-actions .btn-signup{font-size:var(--font-size-xs);padding:8px 16px}.hero{padding:100px 0 50px}.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-base)}.hero-buttons{flex-direction:column;gap:12px}.hero-buttons .btn{width:100%}.hero-stats{flex-direction:column;align-items:center;gap:16px}.hero-stat{width:100%;max-width:280px}.hero-image-wrapper img{height:300px}.hero-floating-badge{padding:8px 12px}.hero-floating-badge.badge-1,.hero-floating-badge.badge-3{right:10px}.hero-floating-badge.badge-2{left:10px}.badge-icon{width:32px;height:32px;font-size:14px}.badge-text strong{font-size:var(--font-size-xs)}.badge-text span{font-size:10px}.partners{padding:40px 0}.partners-grid{gap:24px}.partner-logo{font-size:var(--font-size-lg)}.courses-grid,.instructors-grid{grid-template-columns:repeat(2,1fr);gap:14px}.testimonials-grid{grid-template-columns:1fr}.courses-header,.instructors-header,.testimonials-header{margin-bottom:36px}.course-card{padding:18px}.course-icon{width:48px;height:48px;margin-bottom:12px;font-size:22px}.course-card h3{font-size:var(--font-size-sm);margin-bottom:6px}.course-card p{font-size:var(--font-size-xs);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.course-meta{flex-wrap:wrap;gap:8px;padding-top:12px}.course-meta span{font-size:10px}.learning-image-wrapper img{height:280px}.learning-stat-badge{padding:10px 14px}.learning-stat-badge.stat-1{bottom:-12px;right:12px}.learning-stat-badge.stat-2{top:-10px;left:-8px}.method-item{gap:14px;padding:16px}.method-icon{width:44px;min-width:44px;height:44px;font-size:20px}.instructor-card{border-radius:var(--radius-lg)}.instructor-image{height:160px}.instructor-info{padding:14px}.instructor-info h4{font-size:var(--font-size-sm);margin-bottom:2px}.instructor-info .instructor-title{font-size:var(--font-size-xs);margin-bottom:8px;line-height:1.4}.instructor-rating{flex-wrap:wrap;gap:4px}.rating-count{font-size:10px}.pricing-featured{text-align:center;flex-direction:column;gap:24px;padding:32px 24px}.pricing-content h3{font-size:var(--font-size-2xl)}.pricing-amount{font-size:var(--font-size-3xl)}.cta-card{padding:40px 24px}.cta-card h2{font-size:var(--font-size-2xl)}.cta-card p{font-size:var(--font-size-base)}.cta-buttons{flex-direction:column;gap:12px}.cta-buttons .btn{width:100%}.cta-batch-info{font-size:var(--font-size-xs);padding:6px 14px}.section-title{font-size:var(--font-size-2xl)}.section-subtitle{font-size:var(--font-size-base)}.footer{padding:60px 0 24px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-brand{max-width:100%}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.footer-bottom-links{flex-wrap:wrap;justify-content:center;gap:16px}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;max-height:92vh;padding:28px 20px;overflow-y:auto}.modal-overlay.active .modal{transform:translateY(0)scale(1)}.modal h2{font-size:var(--font-size-xl);padding-right:40px}.form-group input,.form-group select{font-size:var(--font-size-base);padding:12px 14px}.form-submit{font-size:var(--font-size-base);padding:14px}.testimonial-card{padding:24px}.testimonial-text{font-size:var(--font-size-sm)}}@media (max-width:480px){:root{--section-padding:48px 0;--container-padding:0 12px}.hero{padding:90px 0 40px}.hero-title{font-size:1.625rem;line-height:1.2}.hero-badge{font-size:var(--font-size-xs);margin-bottom:16px;padding:4px 12px}.hero-image-wrapper img{height:220px}.hero-floating-badge{display:none}.hero-stat-icon{width:40px;height:40px}.hero-stat-info strong{font-size:var(--font-size-lg)}.hero-stat-info span{font-size:10px}.section-title{font-size:var(--font-size-xl)}.section-tag{font-size:var(--font-size-xs);padding:6px 14px}.partners-label{font-size:var(--font-size-xs);letter-spacing:1px}.partners-grid{gap:16px}.partner-logo{font-size:var(--font-size-base)}.learning-image-wrapper img{height:200px}.learning-stat-badge{display:none}.courses-grid,.instructors-grid{gap:10px}.course-card{padding:14px}.course-icon{border-radius:var(--radius-sm);width:40px;height:40px;margin-bottom:10px;font-size:18px}.course-card h3{font-size:var(--font-size-xs);line-height:1.3}.course-card p{-webkit-line-clamp:2;margin-bottom:10px;font-size:10px}.course-meta span{font-size:9px}.instructor-image{height:130px}.instructor-info{padding:10px}.instructor-info h4{font-size:var(--font-size-xs)}.instructor-info .instructor-title{margin-bottom:6px;font-size:10px}.stars{letter-spacing:1px;font-size:10px}.rating-count{font-size:9px}.pricing-featured{padding:28px 18px}.pricing-content h3{font-size:var(--font-size-xl)}.pricing-amount{font-size:var(--font-size-2xl)}.cta-card{padding:32px 16px}.cta-card h2{font-size:var(--font-size-xl)}.footer-column h4{margin-bottom:16px}.modal{max-height:95vh;padding:24px 16px}.modal h2{font-size:var(--font-size-lg)}.modal-close{width:30px;height:30px;top:16px;right:16px}}@supports (padding:env(safe-area-inset-bottom)){.navbar{padding-top:max(12px, env(safe-area-inset-top))}.footer{padding-bottom:max(24px, env(safe-area-inset-bottom))}@media (max-width:768px){.modal{padding-bottom:max(28px, env(safe-area-inset-bottom))}}}@media (hover:none) and (pointer:coarse){.btn{min-height:48px}.navbar-links a{align-items:center;min-height:44px;display:flex}.footer-column a{align-items:center;min-height:40px;display:flex}.footer-social-link{width:44px;height:44px}}
