body{margin:0;font-family:Arial;background:#0b1f1f;color:white;}
.header{position:fixed;width:100%;background:#0f3d3e;padding:15px;}
.nav{display:flex;justify-content:space-between;width:90%;margin:auto;}
.nav a{color:white;margin-left:15px;text-decoration:none;}

.hero{height:100vh;background:url('https://images.unsplash.com/photo-1580281657527-47a9a1d7f79a') center/cover;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;}
.overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.hero-content{position:relative;z-index:2;}

.section{padding:100px 20px;text-align:center;}
.cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;}

.card{background:#134e4e;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:#082f2f;}
iframe{width:100%;height:300px;border:0;margin-top:20px;}
.btn{background:#14b8a6;padding:12px 25px;color:white;text-decoration:none;border-radius:5px;display:inline-block;margin-top:20px;}

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

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