.modern-hero{width:100%;min-height:100vh;font-family:var(--font-inter), sans-serif;background:#f4f4f5;align-items:center;padding:90px 0 80px;display:flex;position:relative;overflow:hidden}.modern-hero-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.modern-hero-noise{opacity:.05;pointer-events:none;z-index:10;background:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");width:200%;height:200%;animation:2s steps(2,end) infinite noise;position:absolute;inset:-50%}@keyframes noise{0%{transform:translate(0)}to{transform:translate(1%,1%)}}.modern-hero-grid{z-index:1;pointer-events:none;background-image:linear-gradient(90deg,#0000000d 1px,#0000 1px),linear-gradient(#0000000d 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;animation:20s linear infinite grid-move;position:absolute;top:0;left:0;transform:perspective(500px)rotateX(40deg)translateY(-50px)translateZ(-100px)}@keyframes grid-move{0%{background-position:0 0}to{background-position:0 60px}}.dust-particles-container{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.dust-particle{opacity:0;background:#fff;border-radius:50%;width:4px;height:4px;animation:ease-in-out infinite alternate dust-float;position:absolute;box-shadow:0 0 10px 2px #fff6}@keyframes dust-float{0%{opacity:0;transform:translateY(0)scale(.5)}50%{opacity:.8}to{opacity:0;transform:translateY(-100px)scale(1.5)}}.modern-hero-blob{filter:blur(100px);opacity:.5;border-radius:50%;animation:10s ease-in-out infinite alternate blob-float;position:absolute}.blob-1{background:radial-gradient(circle,#e0e7ff 0%,#0000 70%);width:150vw;height:150vh;top:-25vh;left:-25vw}.blob-2{background:radial-gradient(circle,#fdf2f8 0%,#0000 70%);width:150vw;height:150vh;animation-delay:-5s;bottom:-25vh;right:-25vw}@keyframes blob-float{0%{transform:translate(0)scale(1)}to{transform:translate(-50px,50px)scale(1.1)}}.modern-hero-container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1400px;margin:0 auto;padding:0 40px;display:grid;position:relative}.modern-hero-content{flex-direction:column;gap:24px;display:flex}.modern-hero-badge{color:#4338ca;text-transform:uppercase;letter-spacing:.05em;background:#4f46e514;border:1px solid #4f46e533;border-radius:100px;align-items:center;gap:10px;width:fit-content;padding:8px 18px;font-size:.9rem;font-weight:700;display:inline-flex}.modern-hero-badge-dot{background:#4f46e5;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%{box-shadow:0 0 #4f46e566}70%{box-shadow:0 0 0 6px #4f46e500}to{box-shadow:0 0 #4f46e500}}.modern-hero-title{letter-spacing:-.04em;background:linear-gradient(135deg,#0f172a 0%,#1e293b 40%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.2rem,5.5vw,5rem);font-weight:900;line-height:1.05}.modern-hero-lead{color:#475569;max-width:540px;margin:0;font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:400;line-height:1.75}.modern-hero-search{box-sizing:border-box;background:#fff;border-radius:99px;flex-wrap:wrap;align-items:center;width:100%;max-width:500px;margin-top:16px;padding:8px 8px 8px 24px;display:flex;box-shadow:0 10px 40px #00000014}.modern-hero-search svg{color:#9ca3af}.modern-hero-search input{color:#111827;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 16px;font-size:1rem}.modern-hero-search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:99px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #4f46e559}.modern-hero-search-btn:hover{transform:scale(1.04)translateY(-1px);box-shadow:0 8px 24px #4f46e573}.modern-hero-stats{border-top:1px solid #00000014;flex-wrap:wrap;gap:40px;margin-top:36px;padding-top:36px;display:flex}.modern-stat{flex-direction:column;gap:2px;display:flex}.modern-stat strong{letter-spacing:-.03em;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900;line-height:1}.modern-stat span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:.8rem;font-weight:600}.modern-hero-visual{perspective:1200px;justify-content:center;align-items:center;width:100%;height:600px;display:flex}.modern-hero-scene{width:100%;height:100%;transform-style:preserve-3d;transition:transform .1s ease-out;position:relative}.modern-card,.modern-shape{transform-style:preserve-3d;animation:8s ease-in-out infinite alternate float-3d;position:absolute;top:50%;left:50%}@keyframes float-3d{0%{transform:translateY(-10px)rotateX(15deg)rotateY(-15deg)}to{transform:translateY(20px)rotateX(5deg)rotateY(15deg)}}.card-dark{z-index:3;width:320px;height:200px;margin-top:50px;margin-left:-50px;animation-delay:-2s}.card-dark .modern-card-inner{background:#111827;border-radius:24px;flex-direction:column;width:100%;height:100%;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:30px 40px 60px #0000004d,inset 0 0 0 1px #ffffff1a}.modern-card-chip{background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:6px;width:40px;height:30px;margin-bottom:20px}.modern-card-magnet{border:24px solid #374151;border-bottom:0;border-radius:60px 60px 0 0;width:120px;height:120px;position:absolute;bottom:-40px;right:20px;transform:rotate(30deg)}.modern-card-title{color:#fff;margin-top:auto;font-size:1.25rem;font-weight:700}.modern-card-dots{background-image:radial-gradient(#fff3 2px,#0000 2px);background-size:8px 8px;width:40px;height:40px;position:absolute;top:24px;right:24px}.sequence-wrapper{transform-style:preserve-3d;opacity:0;pointer-events:none;z-index:10;animation:9s cubic-bezier(.175,.885,.32,1.275) infinite sequence-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sequence-1{animation-delay:0s}.sequence-2{animation-delay:3s}.sequence-3{animation-delay:6s}@keyframes sequence-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)translateY(60px)rotate(-10deg)}5%{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1.05)translateY(-10px)rotate(5deg)}10%{opacity:1;transform:translate(-50%,-50%)scale(1)translateY(0)rotate(0)}28%{opacity:1;transform:translate(-50%,-50%)scale(1)translateY(0)rotate(0)}33%{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.8)translateY(-40px)rotate(15deg)}to{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.4)translateY(0)rotate(0)}}.ambient-shapes-container{opacity:.15;filter:blur(5px);z-index:0;pointer-events:none;width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glu-scene{width:100%;max-width:800px;height:800px;transform-style:preserve-3d;animation:6s ease-in-out infinite alternate float-3d;position:relative}.glu-card{z-index:2;border:1px solid #fff3;border-radius:28px;flex-direction:column;justify-content:space-between;width:520px;height:330px;padding:36px;transition:transform .3s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-15deg);box-shadow:-30px 30px 60px #00000040,inset 3px 3px 8px #ffffff4d}.card-glare{z-index:10;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#fff9 50%,#fff0 100%);width:50%;height:200%;animation:9s ease-in-out infinite glare;position:absolute;top:0;left:-150%;transform:skew(-25deg)}@keyframes glare{0%{opacity:0;left:-150%}5%{opacity:1}15%{opacity:0;left:200%}to{opacity:0;left:200%}}.glu-card-logo{font-family:var(--font-outfit), sans-serif;color:#fff;letter-spacing:-.5px;font-size:42px;font-weight:700}.glu-card-pattern{opacity:.2;grid-template-columns:repeat(2,1fr);align-self:flex-end;gap:16px;display:grid}.card-orange{background:linear-gradient(135deg,#e06c50,#c84d30)}.pattern-asterisks .pat-icon{clip-path:polygon(20% 0%,80% 0%,100% 20%,100% 80%,80% 100%,20% 100%,0% 80%,0% 20%);background:currentColor;width:36px;height:36px}.card-purple{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#b4a0f066;border:1px solid #fff6}.pattern-crosses .pat-icon{clip-path:polygon(33% 0,66% 0,66% 33%,100% 33%,100% 66%,66% 66%,66% 100%,33% 100%,33% 66%,0 66%,0 33%,33% 33%);background:#fff;width:36px;height:36px}.card-black{background:linear-gradient(135deg,#2a2a2a,#111);box-shadow:-30px 30px 60px #00000080,inset 2px 2px 4px #ffffff1a}.pattern-arches .pat-icon{border:6px solid #fff3;border-bottom:none;border-radius:18px 18px 0 0;width:36px;height:36px}.glu-bg{z-index:1;position:absolute}.floating-orb{filter:blur(45px);border-radius:50%;animation:8s ease-in-out infinite alternate orb-float}.orb-1{background:#ff786466;width:250px;height:250px;bottom:10%;right:10%}.orb-2{background:#82ffff4d;width:300px;height:300px;top:10%;left:15%}.orb-3{background:#ffdc6440;width:280px;height:280px;top:25%;right:15%}@keyframes orb-float{0%{transform:translate(0)scale(1)}to{transform:translate(60px,-70px)scale(1.3)}}.bg-bubble{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:radial-gradient(circle at 30% 30%,#fffc,#c8e6ff66 50%,#0000001a);border-radius:50%;width:280px;height:280px;top:15%;left:10%;box-shadow:0 30px 60px #0000001a}.bg-half-circle{background:#a890e0;border-radius:150px 150px 0 0;width:300px;height:150px;top:20%;right:10%;transform:rotate(30deg);box-shadow:inset 15px 15px 30px #fff3}.bg-cylinder{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#96fadc99,#96c8fa33);border:1px solid #ffffff4d;border-radius:30px;width:60px;height:200px;bottom:25%;right:10%;transform:rotate(45deg)}.bg-rock{clip-path:polygon(50% 0%,100% 25%,90% 80%,30% 100%,0% 60%,10% 20%);background:#1a1a1a;width:250px;height:250px;top:10%;right:10%;box-shadow:inset 15px 15px 30px #ffffff0d}.bg-rock.rock-2{width:140px;height:140px;inset:auto auto 10% 15%;transform:rotate(40deg)}.glu-fg{z-index:3;background-color:#e5e5e5;background-image:radial-gradient(circle at 20% 30%,#333 1px,#0000 2px),radial-gradient(circle at 70% 60%,#e06c50 2px,#0000 3px),radial-gradient(circle at 40% 80%,#a890e0 1px,#0000 2px);position:absolute;transform:translateZ(80px);box-shadow:-15px 15px 30px #0000004d,inset 3px 3px 8px #fffc}.fg-asterisk{clip-path:polygon(40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%,0 40%,40% 40%);width:160px;height:160px;bottom:10%;left:25%;transform:rotate(20deg)translateZ(80px)}.fg-asterisk:after{content:"";background:inherit;clip-path:inherit;position:absolute;inset:0;transform:rotate(45deg)}.fg-cross{clip-path:polygon(33% 0,66% 0,66% 33%,100% 33%,100% 66%,66% 66%,66% 100%,33% 100%,33% 66%,0 66%,0 33%,33% 33%);border-radius:24px;width:180px;height:180px;bottom:15%;right:10%;transform:rotate(15deg)translateZ(80px)}.fg-magnet{background-color:#222;background-image:radial-gradient(circle at 30% 20%,#da5 2px,#0000 3px),radial-gradient(circle at 70% 80%,#da5 1px,#0000 2px);border-radius:90px 90px 0 0;width:180px;height:210px;bottom:5%;right:20%;transform:rotate(-10deg)translateZ(80px);-webkit-mask:radial-gradient(circle at 50% 100%,#0000 48px,#000 50px);mask:radial-gradient(circle at 50% 100%,#0000 48px,#000 50px)}.modern-flower{width:80px;height:80px;animation:15s linear infinite reverse spin-slow;position:absolute;top:40px;left:40px}.modern-flower-petal{transform-origin:50%;background:#f472b6;border-radius:10px;width:20px;height:80px;position:absolute;top:0;left:30px}.modern-sphere{border-radius:50%;animation:6s ease-in-out infinite alternate float-3d;position:absolute;box-shadow:inset -5px -5px 10px #0003,10px 10px 20px #0000001a}.sphere-1{background:#fbbf24;width:60px;height:60px;animation-delay:-1s;top:10%;left:20%}.sphere-2{background:#34d399;width:40px;height:40px;animation-delay:-3s;bottom:20%;right:10%}.sphere-3{background:#60a5fa;width:80px;height:80px;animation-delay:-4s;top:40%;left:80%}@media (max-width:1024px){.modern-hero-container{text-align:center;grid-template-columns:1fr;gap:48px;padding:0 24px}.modern-hero-content{align-items:center}.modern-hero-search{margin:16px auto 0}.modern-hero-lead{text-align:center;max-width:600px}.modern-hero-stats{justify-content:center}}@media (max-width:768px){.modern-hero-visual{height:400px;transform:scale(.7)}.modern-hero-stats{gap:24px}}.modern-hero-content{z-index:10;position:relative}