body{

background:linear-gradient(-45deg,#0f2027,#203a43,#2c5364,#000);

background-size:400% 400%;

animation:bgMove 12s infinite alternate;

}

@keyframes bgMove{

0%{background-position:0% 50%;}
100%{background-position:100% 50%;}

}


.card{

transform-style:preserve-3d;

}

.card:hover{

transform:rotateY(8deg) rotateX(5deg) scale(1.05);

box-shadow:0 20px 40px rgba(0,0,0,0.6);

}



.hero button:hover{

box-shadow:0 0 20px #5fd6ff;
transform:scale(1.05);

}

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

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