.hero{position:relative;padding:calc(var(--space-24) + 120px) 0 var(--space-24);background:linear-gradient(-45deg,#0f172a,#1e3a8a,#0ea5e9,#0284c7);background-size:400% 400%;animation:gradientFlow 15s ease infinite;color:var(--color-white);overflow:hidden}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.hero .container{position:relative;z-index:2}.hero-content{max-width:700px;animation:slideUp 1s ease-out forwards}.hero--center .hero-content{max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.hero h1{color:var(--color-white);margin-bottom:var(--space-4);text-shadow:0 4px 10px rgb(0 0 0 / .3)}.hero p{font-size:var(--font-size-xl);color:rgb(255 255 255 / .9);margin-bottom:var(--space-8);max-width:600px}.hero--center p{margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero--center .hero-actions{justify-content:center}.hero-decoration{position:absolute;border-radius:50%;background:rgb(255 255 255 / .1);filter:blur(40px);pointer-events:none;z-index:1}.hero-decoration--1{width:600px;height:600px;top:-200px;right:-100px;animation:floatOrb 12s ease-in-out infinite}.hero-decoration--2{width:400px;height:400px;bottom:-100px;left:-100px;animation:floatOrb 8s ease-in-out infinite reverse}@keyframes floatOrb{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.1)}}