.hero-bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

background:
radial-gradient(circle at 20% 30%, rgba(201,168,76,0.18), transparent 40%),
radial-gradient(circle at 80% 60%, rgba(15,28,46,0.6), transparent 50%),
radial-gradient(circle at 50% 90%, rgba(201,168,76,0.1), transparent 40%);

filter:blur(80px);
animation:meshMove 20s ease-in-out infinite alternate;

z-index:0;
}

@keyframes meshMove{
0%{transform:translateY(0px);}
100%{transform:translateY(-60px);}
}

.hero{
position:relative;
overflow:hidden;
}

.hero-container{
position:relative;
z-index:2;
}

.hero-glow{
position:absolute;
width:100%;
height:100%;

background:radial-gradient(
circle,
rgba(201,168,76,0.25),
transparent 70%
);

filter:blur(60px);
z-index:-1;
}

.reveal{
opacity:0;
transform:translateY(40px);
transition:all .9s ease;
}

.reveal.active{
opacity:1;
transform:translateY(0);
}