*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif;margin:0}a{color:inherit}.app{background:#050505;min-height:100vh;overflow-x:hidden}.navbar{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050505d1;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between;padding:20px 6%;position:sticky;top:0;z-index:1000}.logo{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.5px}.navbar ul{align-items:center;display:flex;gap:28px;list-style:none}.navbar a{color:#a1a1aa;font-size:14px;text-decoration:none;transition:.3s ease}.navbar a:hover{color:#fff}.hero{grid-gap:60px;align-items:center;background:radial-gradient(circle at 15% 35%,#7c3aed2e,#0000 35%),#050505;display:grid;gap:60px;grid-template-columns:1fr 1fr;min-height:90vh;padding:90px 7%}.hero-text{max-width:650px}.badge{background:#7c3aed1a;border:1px solid #a855f74d;border-radius:50px;color:#c4b5fd;display:inline-flex;font-size:14px;font-weight:600;padding:9px 16px}.hero h1{color:#fff;font-size:clamp(45px,6vw,75px);letter-spacing:-3px;line-height:1.02;margin:25px 0}.hero p{color:#a1a1aa;font-size:17px;line-height:1.8;max-width:650px}.hero-btns{display:flex;gap:15px;margin-top:30px}.btn,.btn2{align-items:center;border-radius:50px;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;padding:14px 24px;text-decoration:none;transition:.3s ease}.btn{background:linear-gradient(135deg,#7c3aed,#9333ea);border:none;box-shadow:0 10px 30px #7c3aed40;color:#fff}.btn:hover{box-shadow:0 16px 40px #7c3aed66;transform:translateY(-4px)}.btn2{background:#ffffff0a;border:1px solid #ffffff24;color:#fff}.btn2:hover{background:#ffffff14;transform:translateY(-4px)}.hero-image{display:flex;justify-content:center}.image-box{border:1px solid #ffffff1a;border-radius:30px;box-shadow:0 30px 80px #00000080;max-width:600px;overflow:hidden;width:100%}.image-box img{display:block;transition:transform .6s ease;width:100%}.image-box:hover img{transform:scale(1.05)}.about,.contact,.learn,.resources,.services{padding:110px 7%}.section-tag{color:#a855f7;display:inline-block;font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:14px}.about{background:#070707;text-align:center}.about h2,.contact h2,.learn h2,.resources h2,.services h2{color:#fff;font-size:clamp(38px,5vw,58px);letter-spacing:-2px;margin-bottom:20px}.about p{color:#a1a1aa;font-size:16px;line-height:1.8;margin:0 auto 12px;max-width:800px}.fundamentals{background:radial-gradient(circle at 10% 20%,#7c3aed2e,#0000 32%),radial-gradient(circle at 90% 80%,#06b6d414,#0000 30%),#050505;overflow:hidden;padding:120px 6%;position:relative}.fundamentals-container{margin:auto;max-width:1250px;position:relative;z-index:2}.fundamental-glow{animation:glowFloat 8s ease-in-out infinite;border-radius:50%;filter:blur(120px);height:420px;opacity:.22;pointer-events:none;position:absolute;width:420px}.glow-left{background:#7c3aed;left:-220px;top:80px}.glow-right{animation-delay:3s;background:#06b6d4;bottom:50px;right:-220px}@keyframes glowFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.fundamentals-header{margin:auto;max-width:850px;text-align:center}.fundamental-badge{align-items:center;animation:badgeFloat 3s ease-in-out infinite;background:#7c3aed14;border:1px solid #8b5cf64d;border-radius:50px;color:#c4b5fd;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:9px 17px}.badge-icon{animation:badgeRotate 4s linear infinite;color:#a855f7;font-size:17px}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes badgeRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fundamentals-header h2{color:#fff;font-size:clamp(44px,6vw,72px);font-weight:800;letter-spacing:-3px;line-height:1.05;margin:28px 0 22px}.fundamentals-header h2 span{-webkit-text-fill-color:#0000;animation:headingGradient 5s linear infinite;background:linear-gradient(90deg,#fff,#a855f7,#7c3aed,#22d3ee,#fff);-webkit-background-clip:text;background-clip:text;background-size:250% auto}@keyframes headingGradient{0%{background-position:0}to{background-position:250%}}.fundamentals-header p{color:#a1a1aa;font-size:17px;line-height:1.8;margin:auto;max-width:800px}.blender-roadmap{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:75px;position:relative}.roadmap-progress{background:linear-gradient(90deg,#7c3aed,#a855f7,#22d3ee);height:2px;left:9%;opacity:.35;position:absolute;right:9%;top:48px;z-index:0}.roadmap-progress:after{animation:roadmapLight 4s ease-in-out infinite;background:#c084fc;border-radius:50px;content:"";filter:blur(5px);height:6px;left:0;position:absolute;top:-2px;width:80px}@keyframes roadmapLight{0%{left:0}50%{left:calc(100% - 80px)}to{left:0}}.blender-step{animation:cardReveal .8s ease forwards;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#ffffff0f,hsla(0,0%,100%,.015));border:1px solid #ffffff14;border-radius:24px;min-height:255px;opacity:0;padding:26px 24px;position:relative;transition:.45s ease;z-index:1}.blender-step:nth-child(2){animation-delay:.1s}.blender-step:nth-child(3){animation-delay:.25s}.blender-step:nth-child(4){animation-delay:.4s}.blender-step:nth-child(5){animation-delay:.55s}@keyframes cardReveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.blender-step:hover{background:linear-gradient(145deg,#7c3aed21,hsla(0,0%,100%,.035));border-color:#a855f78c;box-shadow:0 25px 60px #0006,0 0 35px #7c3aed24;transform:translateY(-12px)}.step-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.step-number{color:#ffffff40;font-size:13px;font-weight:700;letter-spacing:1px}.css-icon{align-items:center;background:linear-gradient(135deg,#7c3aed40,#a855f712);border:1px solid #a855f740;border-radius:18px;display:flex;height:62px;justify-content:center;position:relative;transition:.4s ease;width:62px}.blender-step:hover .css-icon{background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 0 30px #7c3aed66;transform:rotate(-6deg) scale(1.1)}.icon-cursor{border-right:13px solid #0000;border-top:25px solid #fff;height:0;transform:rotate(-25deg);width:0}.icon-cube{border:2px solid #fff;height:27px;position:relative;transform:rotate(30deg) skewY(-8deg);width:27px}.icon-cube:before{border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";height:14px;left:5px;position:absolute;top:5px;width:14px}.icon-play{border-bottom:14px solid #0000;border-left:22px solid #fff;border-top:14px solid #0000;height:0;margin-left:5px;width:0}.icon-star{animation:starPulse 2s ease-in-out infinite;color:#fff;font-size:29px}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.step-label{color:#8b5cf6;display:block;font-size:10px;font-weight:800;letter-spacing:1.6px;margin-bottom:7px}.blender-step h3{color:#fff;font-size:25px;margin:0 0 10px}.blender-step p{color:#9ca3af;font-size:14px;line-height:1.65;margin:0}.fundamental-skills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:42px}.skill-pill{align-items:center;background:hsla(0,0%,100%,.035);border:1px solid #ffffff14;border-radius:50px;color:#d4d4d8;display:flex;font-size:13px;gap:8px;padding:10px 16px;transition:.3s ease}.skill-pill span{color:#a855f7}.skill-pill:hover{background:#7c3aed17;border-color:#a855f773;color:#fff;transform:translateY(-4px)}.fundamentals-cta{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(100deg,#7c3aed24,hsla(0,0%,100%,.035));border:1px solid #8b5cf633;border-radius:23px;gap:25px;justify-content:space-between;margin-top:50px;padding:22px 24px}.cta-content,.fundamentals-cta{align-items:center;display:flex}.cta-content{gap:14px}.cta-check{align-items:center;background:linear-gradient(135deg,#7c3aed,#9333ea);border-radius:50%;box-shadow:0 0 25px #7c3aed40;color:#fff;display:flex;flex-shrink:0;font-weight:800;height:42px;justify-content:center;width:42px}.cta-content h4{color:#fff;font-size:15px;margin:0 0 5px}.cta-content p{color:#8f8f98;font-size:13px;margin:0}.fundamentals-button{align-items:center;background:linear-gradient(135deg,#7c3aed,#9333ea);border-radius:50px;box-shadow:0 10px 30px #7c3aed40;color:#fff;display:inline-flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:15px 22px;text-decoration:none;transition:.35s ease;white-space:nowrap}.fundamentals-button:hover{box-shadow:0 16px 40px #7c3aed66;gap:14px;transform:translateY(-4px)}.button-play{font-size:11px}.button-arrow{font-size:19px;transition:transform .3s ease}.fundamentals-button:hover .button-arrow{transform:translateX(5px)}.learn,.services{background:#070707;text-align:center}.cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:50px;text-align:left}.card{background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:22px;padding:30px;transition:.4s ease}.card:hover{border-color:#a855f773;box-shadow:0 20px 50px #00000059;transform:translateY(-8px)}.card-icon{align-items:center;background:#7c3aed1f;border:1px solid #a855f733;border-radius:15px;color:#c4b5fd;display:flex;font-size:20px;height:50px;justify-content:center;margin-bottom:22px;width:50px}.card h3{color:#fff;font-size:20px;margin-bottom:12px}.card p{color:#9ca3af;font-size:14px;line-height:1.7}.resources{background:#050505}.resources-header{text-align:center}.resources-header p{color:#a1a1aa;line-height:1.7}.pdf-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:50px auto 0;max-width:1000px}.pdf-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;display:flex;gap:20px;padding:25px;transition:.35s ease}.pdf-card:hover{border-color:#a855f766;transform:translateY(-7px)}.pdf-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#9333ea);border-radius:12px;box-shadow:0 10px 25px #7c3aed33;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:68px;justify-content:center;width:58px}.pdf-info h3{color:#fff;font-size:18px;margin-bottom:8px}.pdf-info p{color:#9ca3af;font-size:14px;line-height:1.6;margin-bottom:15px}.pdf-button{color:#a855f7;font-size:14px;font-weight:700;text-decoration:none}.pdf-button:hover{color:#c084fc}.contact{background:#070707;text-align:center}.contact>p{color:#9ca3af;line-height:1.7}.contact-box{display:flex;flex-direction:column;gap:15px;margin:40px auto 0;max-width:600px;text-align:left}.contact-box input,.contact-box textarea{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:inherit;outline:none;padding:16px;resize:vertical;width:100%}.contact-box input::placeholder,.contact-box textarea::placeholder{color:#71717a}.contact-box input:focus,.contact-box textarea:focus{border-color:#8b5cf6;box-shadow:0 0 20px #7c3aed14}footer{background:#020202;border-top:1px solid #ffffff14;padding:60px 7%;text-align:center}footer h3{color:#fff;font-size:22px;margin-bottom:10px}footer p{color:#8f8f98}.footer-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:25px 0}.footer-links a{color:#8f8f98;font-size:14px;text-decoration:none;transition:.3s ease}.footer-links a:hover{color:#a855f7}footer small{color:#555}@media (max-width:950px){.hero{grid-template-columns:1fr}.hero-image{order:-1}.blender-roadmap{grid-template-columns:repeat(2,1fr)}.roadmap-progress{display:none}.cards{grid-template-columns:repeat(2,1fr)}.pdf-grid{grid-template-columns:1fr}}@media (max-width:650px){.navbar{padding:18px 20px}.navbar ul{display:none}.hero{gap:45px;min-height:auto;padding:70px 20px}.hero h1{font-size:45px;letter-spacing:-2px}.hero p{font-size:15px}.hero-btns{flex-direction:column}.btn,.btn2{width:100%}.about,.contact,.fundamentals,.learn,.resources,.services{padding:75px 20px}.fundamentals-header h2{font-size:42px;letter-spacing:-2px}.fundamentals-header p{font-size:15px}.blender-roadmap{grid-template-columns:1fr;margin-top:50px}.blender-step{min-height:auto;padding:24px}.cards{grid-template-columns:1fr}.fundamental-skills{gap:8px}.skill-pill{font-size:12px;padding:9px 13px}.fundamentals-cta{align-items:stretch;flex-direction:column;padding:20px}.fundamentals-button{width:100%}.pdf-card{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=main.e1063150.css.map*/