.hero-geometric{z-index:0;background:linear-gradient(#0a0a0f 0%,#1a1a2e 50%,#0f0f1e 100%);justify-content:center;align-items:center;padding:8rem 2rem 4rem;display:flex;position:relative;inset:0;overflow:hidden}.hero-geometric-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-shape{filter:blur(60px);opacity:.15;will-change:transform;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;position:absolute}.hero-shape-1{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);width:500px;height:500px;top:-10%;left:-5%}.hero-shape-2{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);width:400px;height:400px;top:10%;right:-5%}.hero-shape-3{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);width:350px;height:350px;bottom:-10%;right:20%}.hero-shape-4{background:linear-gradient(135deg,#6366f1 0%,#3b82f6 100%);width:450px;height:450px;bottom:-5%;left:10%}.hero-geometric-content{z-index:1;text-align:center;width:100%;max-width:1600px;margin:0 auto;position:relative}.hero-content-wrapper{max-width:900px;margin:1rem auto 0}.hero-badge{color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.hero-badge-dot{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.hero-title-line{color:#fff;display:inline-block}.hero-title-line:first-child{margin-right:.5rem}.hero-title-gradient{background:linear-gradient(135deg,#a78bfa 0%,#ec4899 50%,#f472b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:#ffffffb3;max-width:600px;margin:0 auto 2rem;font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}@media (max-width:768px){.hero-geometric{min-height:auto;padding:8rem 1.5rem 3rem}.hero-shape-1,.hero-shape-2,.hero-shape-3,.hero-shape-4{width:300px;height:300px}.hero-badge{padding:.4rem .8rem;font-size:.8rem}.hero-description{font-size:1rem}}