:root{--orange:#ff6b00;--orange-light:#ff8c3a;--blue-dark:#1a2b6d;--blue-deeper:#0f1b45;--blue-mid:#2a4099;--white:#fff;--gray-50:#f8f9fc;--gray-100:#eef1f8;--gray-200:#d9dfeb;--gray-400:#9ba3b7;--gray-600:#5a6480;--gray-800:#2d3348;--radius:16px;--radius-sm:10px;--shadow:0 4px 24px #1a2b6d14;--shadow-lg:0 12px 48px #1a2b6d1f;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--gray-800);background:var(--white);font-family:Inter,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.btn-primary{background:linear-gradient(135deg, var(--orange), var(--orange-light));color:var(--white);cursor:pointer;transition:var(--transition);border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ff6b004d}.btn-secondary{background:var(--white);color:var(--blue-dark);border:2px solid var(--gray-200);cursor:pointer;transition:var(--transition);border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--blue-dark);box-shadow:var(--shadow);transform:translateY(-3px)}.section-header{text-align:center;max-width:700px;margin:0 auto 64px}.section-tag{text-transform:uppercase;letter-spacing:1px;border-radius:50px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.section-tag.orange{color:var(--orange);background:#ff6b001a}.section-tag.blue{color:var(--blue-dark);background:#1a2b6d14}.section-header h2{color:var(--blue-deeper);margin-bottom:16px;font-size:2.5rem;font-weight:800;line-height:1.2}.section-header p{color:var(--gray-600);font-size:1.1rem;line-height:1.7}nav{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition);background:#ffffffd9;border-bottom:1px solid #1a2b6d0f;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{box-shadow:var(--shadow);padding:10px 40px}.nav-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.nav-logo img{width:auto;height:44px}.nav-logo-text{background:linear-gradient(135deg, var(--orange), var(--blue-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--gray-600);transition:var(--transition);font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:hover{color:var(--blue-dark)}.nav-links a:after{content:"";background:var(--orange);width:0;height:2px;transition:var(--transition);border-radius:2px;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.nav-cta{background:linear-gradient(135deg, var(--orange), var(--orange-light));cursor:pointer;transition:var(--transition);border:none;border-radius:50px;padding:10px 24px;font-size:.95rem;font-weight:600;text-decoration:none;color:var(--white)!important}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b004d}.nav-cta:after{display:none!important}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--blue-dark);width:26px;height:2.5px;transition:var(--transition);border-radius:2px}.hero{background:linear-gradient(170deg, var(--white) 0%, var(--gray-50) 50%, #ff6b0008 100%);justify-content:center;align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative;overflow:hidden}.hero-bg-grid{background-image:linear-gradient(#1a2b6d08 1px,#0000 1px),linear-gradient(90deg,#1a2b6d08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.hero-glow{filter:blur(120px);opacity:.12;pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute}.hero-glow-1{background:var(--orange);top:-200px;right:-100px}.hero-glow-2{background:var(--blue-dark);bottom:-200px;left:-100px}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;display:grid;position:relative}.hero-badge{color:var(--orange);background:#ff6b001a;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.hero h1{color:var(--blue-deeper);margin-bottom:20px;font-size:3.5rem;font-weight:900;line-height:1.1}.hero h1 span{background:linear-gradient(135deg, var(--orange), var(--orange-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--gray-600);max-width:520px;margin-bottom:36px;font-size:1.15rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-logo-container{justify-content:center;align-items:center;width:420px;height:420px;display:flex;position:relative}.hero-logo-ring{border:2px dashed #ff6b0033;border-radius:50%;animation:30s linear infinite spin;position:absolute;inset:0}.hero-logo-ring-2{border:2px dashed #1a2b6d1a;border-radius:50%;animation:25s linear infinite reverse spin;position:absolute;inset:30px}.hero-logo-ring-3{border:2px dashed #ff6b001a;border-radius:50%;animation:20s linear infinite spin;position:absolute;inset:60px}.hero-logo-main{filter:drop-shadow(0 20px 60px #ff6b0026);width:280px;height:280px;animation:6s ease-in-out infinite float}.hero-float-card{background:var(--white);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);color:var(--blue-dark);align-items:center;gap:10px;padding:12px 20px;font-size:.85rem;font-weight:600;animation:4s ease-in-out infinite float;display:flex;position:absolute}.hero-float-card:nth-child(4){animation-delay:.5s;top:20px;right:-20px}.hero-float-card:nth-child(5){animation-delay:1s;bottom:40px;left:-30px}.hero-float-card:nth-child(6){animation-delay:1.5s;bottom:-10px;right:20px}.float-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.float-icon.orange{background:#ff6b001a}.float-icon.blue{background:#1a2b6d1a}.stats{background:var(--white);border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);padding:60px 40px}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:40px;max-width:1200px;margin:0 auto;display:grid}.stat-number{background:linear-gradient(135deg, var(--blue-dark), var(--blue-mid));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900}.stat-label{color:var(--gray-400);margin-top:4px;font-size:.9rem;font-weight:500}.kits{background:var(--gray-50);padding:100px 40px}.kits-grid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto;display:grid}.kit-card{background:var(--white);border-radius:var(--radius);transition:var(--transition);border:1px solid var(--gray-100);position:relative;overflow:hidden}.kit-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-8px)}.kit-card-img{justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.kit-card-badge{background:var(--white);color:var(--orange);border-radius:50px;padding:6px 14px;font-size:.75rem;font-weight:700;position:absolute;top:16px;left:16px;box-shadow:0 2px 8px #00000014}.kit-card-body{padding:28px}.kit-card-body h3{color:var(--blue-deeper);margin-bottom:10px;font-size:1.25rem;font-weight:700}.kit-card-body p{color:var(--gray-600);margin-bottom:20px;font-size:.9rem;line-height:1.6}.kit-card-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.kit-tag{background:var(--gray-50);color:var(--gray-600);border-radius:50px;padding:4px 12px;font-size:.75rem;font-weight:600}.kit-card-footer{border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.kit-price{color:var(--blue-deeper);font-size:1.5rem;font-weight:800}.kit-price small{color:var(--gray-400);font-size:.8rem;font-weight:400}.kit-btn{background:var(--blue-dark);color:var(--white);cursor:pointer;transition:var(--transition);border:none;border-radius:50px;padding:10px 22px;font-size:.85rem;font-weight:600}.kit-btn:hover{background:var(--orange)}.ide{background:linear-gradient(170deg, var(--blue-deeper) 0%, var(--blue-dark) 100%);color:var(--white);padding:100px 40px;position:relative;overflow:hidden}.ide .section-header h2{color:var(--white)}.ide .section-header p{color:#ffffffb3}.ide-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.ide-features{flex-direction:column;gap:24px;display:flex}.ide-feature{border-radius:var(--radius-sm);transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff14;gap:16px;padding:20px;display:flex}.ide-feature:hover{background:#ffffff1a;transform:translate(8px)}.ide-feature-icon{background:#ff6b0026;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.ide-feature h4{margin-bottom:4px;font-size:1.05rem;font-weight:700}.ide-feature p{color:#fff9;font-size:.85rem;line-height:1.5}.ide-visual{justify-content:center;align-items:center;display:flex;position:relative}.ide-mockup{border-radius:var(--radius);background:#0f1b45cc;border:1px solid #ffffff1a;width:100%;max-width:560px;overflow:hidden;box-shadow:0 40px 80px #0000004d}.ide-mockup-bar{background:#ffffff0d;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:14px 18px;display:flex}.ide-dot{border-radius:50%;width:12px;height:12px}.ide-dot.red{background:#ff5f57}.ide-dot.yellow{background:#febc2e}.ide-dot.green{background:#28c840}.ide-mockup-title{color:#fff6;margin-left:12px;font-size:.8rem;font-weight:500}.ide-mockup-body{padding:24px;font-family:Courier New,monospace;font-size:.85rem}.ide-line{gap:12px;margin-bottom:4px;display:flex}.ide-line-num{color:#fff3;text-align:right;flex-shrink:0;width:24px}.ide-line-content{color:#ffffffb3}.ide-keyword{color:#ff7b72}.ide-func{color:#d2a8ff}.ide-string{color:#a5d6ff}.ide-comment{color:#ffffff4d;font-style:italic}.ide-cursor{background:var(--orange);vertical-align:text-bottom;width:2px;height:1em;animation:1s step-end infinite blink;display:inline-block}.formation{background:var(--white);padding:100px 40px}.formation-grid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto;display:grid}.form-card{border-radius:var(--radius);border:1px solid var(--gray-100);transition:var(--transition);padding:36px;position:relative;overflow:hidden}.form-card:hover{border-color:var(--orange);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.form-card:before{content:"";background:linear-gradient(90deg, var(--orange), var(--orange-light));height:4px;transition:var(--transition);transform-origin:0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.form-card:hover:before{transform:scaleX(1)}.form-card-icon{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:1.5rem;display:flex}.form-card-icon.beginner{background:#28c8401a}.form-card-icon.intermediate{background:#ff6b001a}.form-card-icon.advanced{background:#1a2b6d1a}.form-card h3{color:var(--blue-deeper);margin-bottom:10px;font-size:1.2rem;font-weight:700}.form-card p{color:var(--gray-600);margin-bottom:20px;font-size:.9rem;line-height:1.6}.form-card-meta{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.form-meta-item{color:var(--gray-400);align-items:center;gap:6px;font-size:.8rem;font-weight:500;display:flex}.form-card-btn{background:var(--gray-50);width:100%;color:var(--blue-dark);cursor:pointer;transition:var(--transition);border:none;border-radius:50px;padding:12px;font-size:.9rem;font-weight:700}.form-card-btn:hover{background:var(--orange);color:var(--white)}.testimonials{background:var(--gray-50);padding:100px 40px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto;display:grid}.testi-card{border-radius:var(--radius);background:var(--white);border:1px solid var(--gray-100);transition:var(--transition);padding:32px}.testi-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.testi-stars{color:#ffc107;letter-spacing:2px;margin-bottom:16px;font-size:.9rem}.testi-text{color:var(--gray-600);margin-bottom:20px;font-size:.95rem;font-style:italic;line-height:1.7}.testi-author{align-items:center;gap:12px;display:flex}.testi-avatar{width:44px;height:44px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.testi-name{color:var(--blue-deeper);font-size:.9rem;font-weight:700}.testi-role{color:var(--gray-400);font-size:.8rem}.cta-section{background:linear-gradient(135deg, var(--orange), var(--orange-light));text-align:center;padding:100px 40px;position:relative;overflow:hidden}.cta-section:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'/%3E%3C/svg%3E") 0 0/60px 60px;position:absolute;inset:0}.cta-content{z-index:2;max-width:700px;margin:0 auto;position:relative}.cta-section h2{color:var(--white);margin-bottom:16px;font-size:2.5rem;font-weight:900}.cta-section p{color:#ffffffd9;margin-bottom:36px;font-size:1.1rem;line-height:1.7}.cta-btn{background:var(--white);color:var(--orange);cursor:pointer;transition:var(--transition);border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 40px;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.cta-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 16px 40px #00000026}footer{background:var(--blue-deeper);color:var(--white);padding:60px 40px 30px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 48px;display:grid}.footer-brand p{color:#ffffff80;max-width:300px;margin-top:12px;font-size:.9rem;line-height:1.7}.footer-col h4{text-transform:uppercase;letter-spacing:1px;color:#fff6;margin-bottom:20px;font-size:.85rem;font-weight:700}.footer-col ul{list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{color:#ffffffb3;transition:var(--transition);font-size:.9rem;text-decoration:none}.footer-col a:hover{color:var(--orange)}.footer-bottom{color:#fff6;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding-top:24px;font-size:.85rem;display:flex}.footer-socials{gap:12px;display:flex}.footer-social{color:#fff9;width:36px;height:36px;transition:var(--transition);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;text-decoration:none;display:flex}.footer-social:hover{background:var(--orange);color:var(--white)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (width<=1024px){.hero-content{text-align:center;grid-template-columns:1fr}.hero p{margin:0 auto 36px}.hero-actions{justify-content:center}.hero-visual{order:-1}.hero-logo-container{width:300px;height:300px}.hero-logo-main{width:200px;height:200px}.hero h1{font-size:2.8rem}.kits-grid,.formation-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.ide-content{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){nav{padding:12px 20px}.nav-links{background:var(--white);z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:none;position:fixed;inset:0}.nav-links.open{display:flex}.nav-links a{font-size:1.2rem}.hamburger{z-index:1001;display:flex}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}section{padding:60px 20px}.hero{padding:100px 20px 60px}.hero h1{font-size:2.2rem}.hero p{font-size:1rem}.section-header h2{font-size:1.8rem}.kits-grid,.formation-grid,.testimonials-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}.stat-number{font-size:2rem}.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.hero-float-card{display:none}.cta-section h2{font-size:1.8rem}}