:root {
  --bg: #12040a;
  --card: rgba(255,255,255,0.08);
  --card2: rgba(255,255,255,0.13);
  --text: #fff7f1;
  --muted: #d8b7aa;
  --gold: #ffc15e;
  --red: #ff315e;
  --border: rgba(255,255,255,0.16);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: radial-gradient(circle at top left, #622034 0, transparent 32%), var(--bg);
  color: var(--text);
}
a { color: inherit; text-decoration: none; }
.hero { min-height: 92vh; padding: 24px; position: relative; overflow: hidden; }
.hero:after {
  content: ""; position: absolute; inset: auto -20% -30% 20%; height: 420px;
  background: radial-gradient(circle, rgba(255,49,94,.32), transparent 60%); pointer-events: none;
}
.nav { max-width: 1180px; margin: auto; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.brand { display:flex; align-items:center; gap:12px; }
.logo { width:48px; height:48px; border-radius:14px; background: linear-gradient(135deg, var(--red), var(--gold)); display:grid; place-items:center; font-weight:900; color:#190006; }
.brand span { display:block; color:var(--muted); font-size:13px; margin-top:3px; }
.nav-links { display:flex; gap:22px; color:var(--muted); font-size:15px; }
.hero-content { max-width:1180px; margin:95px auto 0; display:grid; grid-template-columns: 1.2fr .8fr; gap:48px; align-items:center; position:relative; z-index:1; }
.badge, .eyebrow, .section-title p { color:var(--gold); font-weight:800; letter-spacing:.12em; font-size:13px; text-transform:uppercase; }
h1 { font-size: clamp(42px, 7vw, 82px); line-height:.95; margin:14px 0 18px; }
.subtitle { font-size:22px; color:var(--muted); max-width:650px; line-height:1.5; }
.buttons { display:flex; gap:14px; flex-wrap:wrap; margin-top:32px; }
.btn { display:inline-flex; align-items:center; justify-content:center; padding:15px 22px; border-radius:999px; font-weight:800; transition:.2s; }
.btn:hover { transform: translateY(-2px); }
.primary { background:linear-gradient(135deg, var(--red), #ff794f); color:#fff; }
.secondary { background:rgba(255,255,255,.1); border:1px solid var(--border); }
.radio-card { background:linear-gradient(180deg, var(--card2), var(--card)); border:1px solid var(--border); border-radius:32px; padding:38px; box-shadow:0 30px 100px rgba(0,0,0,.35); text-align:center; }
.pulse { width:130px; height:130px; margin:10px auto 28px; border-radius:50%; background:radial-gradient(circle, var(--gold), var(--red)); box-shadow:0 0 0 22px rgba(255,49,94,.12), 0 0 60px rgba(255,49,94,.7); animation:pulse 1.5s infinite; }
@keyframes pulse { 50% { transform: scale(1.06); } }
.equalizer { height:55px; display:flex; align-items:end; justify-content:center; gap:8px; margin-top:25px; }
.equalizer span { width:10px; background:var(--gold); border-radius:8px; animation:eq 1s infinite ease-in-out; }
.equalizer span:nth-child(1){height:30%;}.equalizer span:nth-child(2){height:70%;animation-delay:.1s}.equalizer span:nth-child(3){height:45%;animation-delay:.2s}.equalizer span:nth-child(4){height:90%;animation-delay:.3s}.equalizer span:nth-child(5){height:55%;animation-delay:.4s}
@keyframes eq { 50% { height:15%; } }
.section { max-width:1180px; margin:0 auto; padding:74px 24px; }
.section-title { text-align:center; margin-bottom:30px; }
.section-title h2, .split h2, .donate h2 { font-size:clamp(30px,4vw,48px); margin:8px 0 0; }
.embed-wrap { position:relative; width:100%; aspect-ratio:16/9; border-radius:28px; overflow:hidden; border:1px solid var(--border); background:#000; box-shadow:0 24px 80px rgba(0,0,0,.35); }
.embed-wrap iframe { width:100%; height:100%; display:block; }
.hint { color:var(--muted); text-align:center; }
.grid-3 { display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; padding-top:20px; }
.feature, .ad-box { background:var(--card); border:1px solid var(--border); border-radius:26px; padding:26px; }
.feature p, .ad-box p, .split p, .donate p { color:var(--muted); line-height:1.65; }
.split, .donate { display:flex; justify-content:space-between; align-items:center; gap:30px; background:rgba(255,255,255,.04); border:1px solid var(--border); border-radius:34px; margin-top:35px; }
.advertise { padding-bottom:35px; }
.ad-box { display:flex; align-items:center; justify-content:space-between; gap:28px; }
footer { padding:28px 24px; border-top:1px solid var(--border); color:var(--muted); display:flex; justify-content:space-between; gap:18px; max-width:1180px; margin:40px auto 0; }
@media (max-width: 820px) {
  .nav { align-items:flex-start; }
  .nav-links { display:none; }
  .hero-content { grid-template-columns:1fr; margin-top:60px; }
  .radio-card { padding:26px; }
  .grid-3 { grid-template-columns:1fr; }
  .split, .donate, .ad-box, footer { flex-direction:column; align-items:flex-start; }
  h1 { font-size:44px; }
  .subtitle { font-size:18px; }
}