/* Core */
:root{
  --bg:#07090c;--card:#0c1118cc;--text:#e8eef7;--muted:#b9c3d4;
  --line:rgba(255,255,255,.1);--accent:#4a96ff;--radius:22px
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--text)}
.wrap{max-width:1100px;margin:0 auto;padding:0 18px}

/* Nav */
.nav{position:sticky;top:0;background:rgba(7,9,12,.6);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:50}
.nav-inner{display:flex;justify-content:space-between;align-items:center;padding:14px 0}
.brand{display:flex;gap:10px;align-items:center}
.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}
.brand-name{font-weight:900;letter-spacing:.18em;font-size:12px}
.nav-links{display:flex;gap:14px;align-items:center}

/* Buttons */
.btn{padding:12px 16px;border-radius:14px;border:1px solid var(--line);font-weight:800;background:rgba(255,255,255,.05);color:var(--text);cursor:pointer}
.btn-solid{background:var(--accent);color:#000}
.btn-ghost{background:rgba(255,255,255,.05)}
.btn.music-on{background:rgba(74,150,255,.25);border-color:rgba(74,150,255,.55)}

/* HERO */
.hero{
  min-height:78vh;display:flex;align-items:center;position:relative;
  opacity:0;animation:heroFadeIn 1.6s ease-out forwards;
}
.hero-image{background:url("assets/hero.jpg") center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,12,.25),rgba(7,9,12,.95))}
.hero-content{position:relative;max-width:700px}
.pill{display:inline-block;padding:8px 12px;border-radius:999px;border:1px solid var(--line);font-weight:800}
.hero-content>*{opacity:0;animation:heroTextFade 1.4s ease-out forwards}
.hero-content>*:nth-child(1){animation-delay:.3s}
.hero-content>*:nth-child(2){animation-delay:.5s}
.hero-content>*:nth-child(3){animation-delay:.7s}
.hero-content>*:nth-child(4){animation-delay:.9s}

@keyframes heroFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroTextFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* Sections */
.section{padding:70px 0}
.section-alt{background:rgba(255,255,255,.02)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:var(--card)}

/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.g-item img{width:100%;height:200px;object-fit:cover;border-radius:14px}

/* Supporters */
.supporter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.supporter{border:1px solid var(--line);border-radius:16px;padding:14px}

/* Footer */
.footer{border-top:1px solid var(--line);padding:30px 0}
.muted{color:var(--muted)}

.perk-list {
  margin: 12px 0 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.7;
}

.pay-links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}