body{margin:0;font-family:Arial;background:#0a0a0a;color:#fff}
.nav{display:flex;justify-content:space-between;padding:15px;background:#000}
nav a{color:white;margin:10px;text-decoration:none}
.hero{height:80vh;display:flex;justify-content:center;align-items:center;
background:linear-gradient(45deg,#1a2a6c,#b21f1f,#fdbb2d);
animation:gradient 8s infinite;background-size:400% 400%}
@keyframes gradient{0%{background-position:0%}50%{background-position:100%}100%{background-position:0%}}
section{padding:40px;text-align:center}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.card{background:#111;padding:20px;border-radius:10px}
iframe{width:100%;height:300px;border:0}
footer{padding:20px;background:#000;text-align:center}