body {margin:0;font-family:sans-serif;color:#fff;background:#121212;}
.header{position:fixed;width:100%;padding:12px;background:#000;display:flex;justify-content:space-between;align-items:center;}
.header nav a{margin:0 12px;color:#fff;text-decoration:none;}
.hero{height:70vh;background:#222 url('../uploads/media/hero.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;}
.music-grid,.media-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;}
.track,.media-item,.card{background:#1c1c1c;padding:10px;border-radius:6px;width:200px;text-align:center;}
.footer{padding:20px;background:#000;text-align:center;}
@media(max-width:768px){.track,.media-item,.card{width:45%;}}
@media(max-width:480px){.track,.media-item,.card{width:90%;}}