body{margin:0;font-family:Arial;background:#0f172a;color:white;}
.header{position:fixed;width:100%;background:#020617;padding:15px;}
.nav{display:flex;justify-content:space-between;align-items:center;width:90%;margin:auto;}
.nav a{color:white;margin-left:15px;text-decoration:none;}
.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(black,transparent),url('https://images.unsplash.com/photo-1519389950473-47ba0277781c') center/cover;}
.section{padding:100px 20px;text-align:center;}
.cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
.card{background:#1e293b;padding:20px;width:260px;border-radius:10px;transition:.4s;}
.card img{width:100%;height:150px;object-fit:cover;border-radius:8px;}
.card:hover{transform:translateY(-10px) scale(1.05);}
.dark{background:#020617;}
iframe{width:100%;height:300px;border:0;margin-top:20px;}
.btn{background:#22c55e;padding:12px 25px;color:white;text-decoration:none;margin-top:20px;display:inline-block;border-radius:5px;}

/* animations */
.reveal{opacity:0;transform:translateY(40px);transition:all 1s ease;}
.reveal.active{opacity:1;transform:translateY(0);}
.delay{transition-delay:.3s;}
.delay2{transition-delay:.6s;}

/* mobile */
@media(max-width:768px){
.cards{flex-direction:column;align-items:center;}
}