:root{--bg:#020617;--panel:rgba(8,13,30,.82);--blue:#0057ff;--red:#e60023;--cyan:#00d4ff;--muted:#cbd5e1}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 80% 10%,rgba(230,0,35,.25),transparent 30%),radial-gradient(circle at 15% 20%,rgba(0,87,255,.28),transparent 32%),#020617;color:#fff;padding-bottom:120px}
.nav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:16px 5%;background:rgba(2,6,23,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}
.logo{font-size:38px;font-weight:1000;text-decoration:none;color:#fff;line-height:.9}.logo span:first-child{color:var(--red)}.logo span:nth-child(3){color:var(--blue)}.logo small{display:block;font-size:11px;letter-spacing:4px}
.nav a{color:#fff;text-decoration:none;font-weight:900;text-transform:uppercase;font-size:13px;margin-left:18px}.nav a:hover,.nav .active{color:var(--cyan)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;background:linear-gradient(135deg,#ff1d35,#b90017);color:#fff;text-decoration:none;font-weight:1000;border:0;cursor:pointer}
.container{width:min(1200px,94%);margin:auto}.hero{padding:80px 0;text-align:center}.hero h1{font-size:clamp(46px,8vw,96px);line-height:.9;margin:0 0 14px;letter-spacing:-3px}.hero h1 span{color:var(--red)}.hero p{max-width:850px;margin:0 auto 28px;color:#dbeafe;font-size:20px;line-height:1.5}
.hero-img{min-height:430px;border-radius:30px;background:linear-gradient(135deg,rgba(230,0,35,.3),rgba(0,87,255,.3)),radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 34%),#071226;border:1px solid rgba(147,197,253,.32);box-shadow:0 30px 90px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;text-align:center;margin-top:28px}.hero-img h2{font-size:clamp(48px,8vw,118px);margin:0}.hero-img small{font-size:24px;color:#dbeafe}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:var(--panel);border:1px solid rgba(147,197,253,.25);border-radius:24px;padding:26px;backdrop-filter:blur(12px)}.card p,.card li{color:#dbeafe;line-height:1.55;font-weight:700}
.section{padding:58px 0}.section h2{text-align:center;font-size:42px;margin:0 0 12px}.sub{text-align:center;max-width:850px;margin:0 auto 30px;color:#dbeafe;font-size:18px}
.contacts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.contact{background:var(--panel);border:1px solid rgba(147,197,253,.28);border-radius:18px;padding:16px;font-weight:900}.contact small{display:block;color:#93c5fd;text-transform:uppercase;font-size:12px;margin-bottom:4px}
.schedule-row{display:grid;grid-template-columns:150px 1fr 1fr;gap:12px;background:rgba(255,255,255,.06);border-radius:14px;padding:13px;margin-bottom:8px}.time{color:#ff6b7c;font-weight:1000}.show,.host{font-weight:900}.host{color:#93c5fd}
.form{display:grid;gap:14px}input,textarea,select{width:100%;padding:15px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff}textarea{min-height:140px}
.ad-wrap{width:min(1180px,94%);margin:34px auto;padding:14px;min-height:120px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);text-align:center}.ad-label{display:block;color:#93c5fd;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.8px;margin-bottom:8px}.adsbygoogle{min-height:90px}
.app-player{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);width:min(1100px,94%);z-index:999;display:grid;grid-template-columns:70px 1.2fr 1.5fr auto;gap:14px;align-items:center;padding:14px 18px;border-radius:26px;background:rgba(2,6,23,.9);border:1px solid rgba(147,197,253,.36);box-shadow:0 24px 80px rgba(0,0,0,.5);backdrop-filter:blur(16px)}
.app-cover{width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--red));display:grid;place-items:center;font-weight:1000}.app-cover img{width:100%;height:100%;object-fit:cover}.app-title{font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-artist{color:#cbd5e1;font-size:13px}.app-spectrum{height:42px;display:flex;align-items:end;gap:4px}.app-spectrum span{flex:1;height:8px;border-radius:999px;background:linear-gradient(to top,#00d4ff,#0057ff,#ff2d75,#e60023);transition:.08s}.app-play{width:58px;height:58px;border-radius:50%;border:0;background:linear-gradient(135deg,#ff1d35,#b90017);color:#fff;font-size:21px;font-weight:1000}.app-volume{width:105px;accent-color:#e60023}
.footer{text-align:center;padding:34px 5%;color:#cbd5e1;background:rgba(2,6,23,.86);border-top:1px solid rgba(255,255,255,.12)}
@media(max-width:900px){body{padding-bottom:170px}.navlinks{display:none}.grid,.grid2,.contacts{grid-template-columns:1fr}.schedule-row{grid-template-columns:1fr}.app-player{grid-template-columns:58px 1fr auto}.app-cover{width:58px;height:58px}.app-spectrum{grid-column:1/-1}.app-volume{display:none}}


/* PREMIUM SPONSOR SLIDER */
.sponsor-section{
  width:min(1200px,94%);
  margin:50px auto 34px;
  padding:34px 20px;
  border-radius:28px;
  background:
    radial-gradient(circle at 15% 20%,rgba(0,87,255,.18),transparent 32%),
    radial-gradient(circle at 85% 80%,rgba(230,0,35,.16),transparent 34%),
    rgba(8,13,30,.78);
  border:1px solid rgba(147,197,253,.26);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
  overflow:hidden;
}
.sponsor-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:24px;
  flex-wrap:wrap;
}
.sponsor-head h2{
  margin:0;
  font-size:28px;
  letter-spacing:-1px;
}
.sponsor-head p{
  margin:4px 0 0;
  color:#cbd5e1;
  font-weight:700;
}
.sponsor-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#ff1d35,#b90017);
  color:#fff;
  text-decoration:none;
  font-weight:1000;
  text-transform:uppercase;
  font-size:13px;
  box-shadow:0 0 28px rgba(230,0,35,.28);
}
.sponsor-slider{
  position:relative;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.sponsor-track{
  display:flex;
  align-items:center;
  gap:22px;
  width:max-content;
  animation:sponsorScroll 34s linear infinite;
}
.sponsor-slider:hover .sponsor-track{
  animation-play-state:paused;
}
.sponsor-card{
  width:190px;
  height:96px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  text-decoration:none;
  font-weight:1000;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.5px;
  box-shadow:inset 0 0 28px rgba(255,255,255,.035);
  transition:transform .25s ease, border-color .25s ease, background .25s ease;
}
.sponsor-card:hover{
  transform:translateY(-5px) scale(1.04);
  border-color:rgba(147,197,253,.55);
  background:rgba(255,255,255,.12);
}
.sponsor-logo{
  display:grid;
  place-items:center;
  width:74px;
  height:74px;
  border-radius:20px;
  margin-right:12px;
  background:linear-gradient(135deg,#0057ff,#e60023);
  font-size:18px;
  font-weight:1000;
}
.sponsor-name{
  max-width:82px;
  line-height:1.1;
  font-size:13px;
}
@keyframes sponsorScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media(max-width:820px){
  .sponsor-head{justify-content:center;text-align:center}
  .sponsor-card{width:165px;height:88px}
  .sponsor-logo{width:62px;height:62px}
}