body {
  margin:0; font-family:'Helvetica Neue',Arial,sans-serif;
  background:#0b0b0b; color:#f5f5f5;
}
h1,h2{text-align:center;letter-spacing:1px;}
.hero {
  height:100vh; background-size:cover; background-position:center;
  display:flex; align-items:center; justify-content:center; position:relative;
}
.hero .overlay {
  background:rgba(0,0,0,0.55); text-align:center; padding:40px; border-radius:10px;
}
.hero h1{font-size:72px;margin-bottom:10px;}
.hero p{color:#ccc;font-size:20px;margin:10px 0 30px;}
.buttons{display:flex;gap:16px;justify-content:center;}
.btn{
  padding:12px 24px;background:#fff;color:#000;text-decoration:none;
  border-radius:6px;font-weight:bold;transition:all .2s;
}
.btn.ghost{background:transparent;color:#fff;border:2px solid #fff;}
.btn:hover{opacity:.85;}
.section{padding:80px 20px;max-width:1000px;margin:auto;text-align:center;}
.section p{color:#ccc;font-size:18px;}
.platforms a,.socials a{
  margin:0 10px;color:#fff;text-decoration:none;border:1px solid #333;
  padding:8px 16px;border-radius:20px;transition:.3s;
}
.platforms a:hover,.socials a:hover{background:#fff;color:#000;}
.spotify{margin-top:30px;}
.gallery .grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-top:30px;
}
.gallery img{width:100%;border-radius:10px;border:1px solid #222;}
footer{
  border-top:1px solid #222;text-align:center;padding:20px;color:#999;
}