.course-hero-sec{--accent:var(--primary,#b8ef43);box-sizing:border-box;background-color:#000;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;padding:180px 24px 40px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;text-align:center;max-width:860px;margin-bottom:28px;padding-top:35px;animation:1s cubic-bezier(.16,1,.3,1) both heroFadeIn;position:relative}.hero-title{font-size:60px;font-weight:400;font-family:var(--font-display),sans-serif;color:#fff;z-index:10;max-width:900px;margin-bottom:1.5rem;line-height:1.2;position:relative}.green-accent{color:var(--accent);--accent:var(--primary,#b8ef43)}.hero-subtitle{text-align:center;max-width:680px;margin:0 auto 20px;line-height:1.6}.mobile-break{display:block}.hero-steps{font-family:var(--font-outfit),sans-serif;color:#8a8a8a;letter-spacing:.05em;opacity:.95;margin-top:10px;font-size:clamp(.8rem,1.4vw,1rem);font-weight:700}.hero-content,.arc-container{z-index:2;position:relative}.hero-steps .dot{color:#b8ef43;margin:0 10px;display:inline-block}.arc-container{z-index:2;box-sizing:border-box;width:100%;max-width:900px;height:280px;margin-top:20px;position:relative}.arc-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.arc-path{stroke:#22c55e40;stroke-width:1.5px;stroke-dasharray:4 4;filter:drop-shadow(0 0 8px #b8ef4366);animation:30s linear infinite dashDraw}.icons-container{width:100%;height:100%;position:absolute;top:0;left:0}.icon-wrapper{transform-style:preserve-3d;will-change:transform;position:absolute}.postman-pos{animation:6s ease-in-out infinite floatSlow;top:65%;left:10%}.figma-pos{animation:6.5s ease-in-out infinite floatSlow;top:35%;left:28%}.photoshop-pos{animation:5.8s ease-in-out infinite floatSlow;top:8%;left:50%;transform:translate(-50%)}.sublime-pos{animation:6.2s ease-in-out infinite floatSlow;top:35%;right:28%}.vscode-pos{animation:6.7s ease-in-out infinite floatSlow;top:65%;right:10%}.delay-1{animation-delay:0s}.delay-2{animation-delay:-1.2s}.delay-3{animation-delay:-2.5s}.delay-4{animation-delay:-3.8s}.delay-5{animation-delay:-4.9s}.floating-icon-card{box-sizing:border-box;cursor:pointer;width:clamp(60px,7.5vw,82px);height:clamp(60px,7.5vw,82px);transform-style:preserve-3d;background:linear-gradient(135deg,#101610b8 0%,#050a05e6 100%);border:1.5px solid #ffffff26;border-radius:clamp(12px,1.5vw,16px);justify-content:center;align-items:center;padding:18%;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;transform:perspective(1000px)rotateX(28deg)rotateY(-18deg)rotate(8deg)}.floating-icon-card:hover{border-color:#4ade80b3;transform:perspective(1000px)rotateX(10deg)rotateY(-5deg)rotate(0)translateY(-10px)scale(1.12)}.floating-icon-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#fff0 50%,#0000 100%);position:absolute;inset:0}.postman{box-shadow:0 15px 30px #000c,0 0 20px #ff6c3747,inset 0 1px 2px #fff3}.postman:hover{box-shadow:0 25px 45px #000000e6,0 0 35px #ff6c378c,inset 0 1px 2px #ffffff4d}.figma{box-shadow:0 15px 30px #000c,0 0 20px #a259ff47,inset 0 1px 2px #fff3}.figma:hover{box-shadow:0 25px 45px #000000e6,0 0 35px #a259ff8c,inset 0 1px 2px #ffffff4d}.photoshop{box-shadow:0 15px 30px #000c,0 0 25px #00c8ff59,inset 0 1px 2px #fff3}.photoshop:hover{box-shadow:0 25px 45px #000000e6,0 0 40px #00c8ffa6,inset 0 1px 2px #ffffff4d}.sublime{box-shadow:0 15px 30px #000c,0 0 20px #ff980047,inset 0 1px 2px #fff3}.sublime:hover{box-shadow:0 25px 45px #000000e6,0 0 35px #ff98008c,inset 0 1px 2px #ffffff4d}.vscode{box-shadow:0 15px 30px #000c,0 0 20px #007acc47,inset 0 1px 2px #fff3}.vscode:hover{box-shadow:0 25px 45px #000000e6,0 0 35px #007acc8c,inset 0 1px 2px #ffffff4d}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes dashDraw{to{stroke-dashoffset:-1000px}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.course-hero-sec{justify-content:center;min-height:80vh;padding:160px 16px 60px}.arc-container{display:none}.postman-pos{top:62%;left:4%}.figma-pos{top:32%;left:24%}.photoshop-pos{top:6%;left:50%}.sublime-pos{top:32%;right:24%}.vscode-pos{top:62%;right:4%}}@media (max-width:480px){.hero-content{margin-bottom:15px}.arc-container{display:none}.postman-pos{top:60%;left:2%}.figma-pos{top:30%;left:22%}.photoshop-pos{top:4%;left:50%}.sublime-pos{top:30%;right:22%}.vscode-pos{top:60%;right:2%}}.course-hero-sec{box-sizing:border-box;background-color:#000;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;padding:140px 24px 0;display:flex;position:relative;overflow:hidden}.course-hero-sec:before,.course-hero-sec:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;opacity:.4;content:"";z-index:0;border-radius:50%;width:900px;height:900px;position:absolute;top:50%;left:850px}.course-hero-sec:before{background:radial-gradient(circle at center,var(--accent)0%,transparent 70%);width:900px;height:900px;left:-350px;transform:translateY(-50%)}.course-hero-sec:after{background:radial-gradient(circle at center,var(--accent)0%,transparent 70%);right:-10%;transform:translateY(-50%)}.bg-glow{z-index:1;pointer-events:none;filter:blur(38px);background:radial-gradient(circle,#22c55e21 0%,#1665340a 45%,#0000 70%);width:80vw;max-width:700px;height:80vw;max-height:700px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.hero-content{z-index:2;text-align:center;max-width:860px;margin-bottom:28px;animation:1s cubic-bezier(.16,1,.3,1) both heroFadeIn;position:relative}.hero-title{font-size:clamp(2.4rem,5.5vw,3.8rem);font-weight:400;font-family:var(--font-display),sans-serif;color:#fff;margin:0 0 1.2rem;line-height:1.18}.green-accent{color:#b8ef43}.hero-subtitle{color:#ffffff94;max-width:640px;margin:0 auto 16px;font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:350;line-height:1.6}.hero-steps{color:#8a8a8a;letter-spacing:.06em;font-size:clamp(.8rem,1.3vw,.95rem);font-weight:700}.hero-steps .dot{color:#22c55e;margin:0 10px}.arc-container{z-index:2;flex-shrink:0;width:90%;max-width:960px;height:380px;position:relative;overflow:hidden}.arc-svg-overlay{pointer-events:none;z-index:1;width:80%;height:80%;position:absolute;inset:70px 0 0 5%;overflow:visible}.arc-icon{z-index:3;will-change:transform;transform-origin:50%;width:88px;height:58px;transition:opacity .25s;position:absolute;top:90px;left:5%}.tool-icon-img{object-fit:contain;width:60%;height:60%;display:block}@media (max-width:768px){.course-hero-sec{justify-content:center;min-height:80vh;padding:160px 16px 60px}.arc-container{display:none}}@media (max-width:480px){.arc-container{display:none}.hero-subtitle{max-width:330px;font-size:14px;line-height:1.6}.mobile-break{display:block}}