body{margin:0;font-family:sans-serif;background:#0b0b0b;color:#fff;text-align:center}
.header{display:flex;justify-content:space-between;padding:20px}
.logo{height:50px}
.hero{position:relative;height:80vh}
.slide{position:absolute;width:100%;height:100%;background-size:cover;opacity:0;transition:1s}
.slide.active{opacity:1}
.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
button{padding:10px 20px;background:#00ff88;border:none;color:#000;cursor:pointer}
.player{margin:40px}
.media{display:flex;gap:20px;justify-content:center}
iframe{width:400px;height:250px}
.info{display:flex;justify-content:space-around;margin:40px}
footer{padding:20px}