:root{
  --bg:#07101f;
  --bg2:#0d1527;
  --panel:#111c31;
  --panel2:#14223a;
  --text:#f5f7fb;
  --muted:#9aa8bd;
  --line:rgba(255,255,255,.08);
  --accent:#4d7cfe;
  --accent2:#6e93ff;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#07101f;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,16,31,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;flex-direction:column;line-height:1}
.brand-main{font-size:25px;font-weight:900;letter-spacing:.08em}
.brand-main span{font-weight:500}
.brand-sub{font-size:9px;color:var(--muted);letter-spacing:.2em;margin-top:7px}
.main-nav{display:flex;gap:7px;align-items:center}
.main-nav a{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#b8c3d5;padding:10px 12px;border-radius:10px}
.main-nav a:hover,.main-nav a.active{color:#fff;background:rgba(77,124,254,.12)}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{position:relative;overflow:hidden;min-height:720px;display:flex;align-items:center;background:radial-gradient(circle at 80% 20%,rgba(77,124,254,.18),transparent 30%),linear-gradient(135deg,#07101f,#0d1527 65%,#091323)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:85px 0}
.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;pointer-events:none}
.glow-one{width:300px;height:300px;background:#4d7cfe;right:12%;top:10%}
.glow-two{width:220px;height:220px;background:#3458bb;left:2%;bottom:0}
.eyebrow,.section-kicker{font-size:11px;letter-spacing:.22em;font-weight:900;color:#91a8d9}
.hero h1{font-size:clamp(42px,5.2vw,72px);line-height:1.02;margin:20px 0 25px;letter-spacing:-.04em}
.hero h1 span,h2 span{color:#7899ff}
.hero-text{max-width:650px;color:#aab6c9;font-size:18px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:35px 0}
.primary-btn,.ghost-btn,.small-play{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:12px;font-weight:900;letter-spacing:.06em;font-size:11px;padding:15px 21px}
.primary-btn{background:var(--accent);color:#fff;box-shadow:0 10px 30px rgba(77,124,254,.25)}
.primary-btn:hover{background:var(--accent2);transform:translateY(-1px)}
.ghost-btn{background:rgba(255,255,255,.04);border:1px solid var(--line);color:#eaf0fb}
.hero-meta{display:flex;gap:24px;flex-wrap:wrap;color:#8290a6;font-size:11px;font-weight:800;letter-spacing:.1em}
.dot,.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6e93ff;margin-right:8px;box-shadow:0 0 0 5px rgba(110,147,255,.12)}
.player-card{background:linear-gradient(145deg,rgba(18,31,53,.96),rgba(9,18,34,.98));border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:25px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.player-top{display:flex;justify-content:space-between;align-items:center}
.live-pill{font-size:9px;font-weight:900;letter-spacing:.15em}
.player-status{font-size:10px;color:#7e8ba0}
.cover-wrap{position:relative;margin:25px auto 20px;width:min(100%,300px);aspect-ratio:1;border-radius:20px;overflow:hidden;background:#17243d;border:1px solid var(--line);display:grid;place-items:center}
.cover,.cover-placeholder{width:100%;height:100%;object-fit:cover}
.cover-placeholder{display:grid;place-content:center;text-align:center;font-size:28px;line-height:.85;letter-spacing:.12em;background:radial-gradient(circle,#1e3761,#0d1527)}
.cover-placeholder b{font-size:58px;color:#6f92ff}
.hidden{display:none}
.equalizer{position:absolute;bottom:18px;right:18px;display:flex;align-items:end;gap:3px;height:28px;padding:6px 8px;background:rgba(7,16,31,.72);border-radius:8px}
.equalizer span{width:3px;background:#7899ff;border-radius:4px;height:8px;animation:eq 1s infinite ease-in-out}
.equalizer span:nth-child(2){animation-delay:.15s;height:16px}.equalizer span:nth-child(3){animation-delay:.3s;height:23px}.equalizer span:nth-child(4){animation-delay:.45s;height:13px}.equalizer span:nth-child(5){animation-delay:.6s;height:19px}
@keyframes eq{50%{transform:scaleY:.35}}
.now-playing-label{font-size:9px;color:#738198;letter-spacing:.2em;font-weight:900}
.song-title{font-size:22px;font-weight:900;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.song-artist{color:#8d9bb0;font-size:13px;margin-top:1px}
.player-controls{display:flex;align-items:center;gap:18px;margin-top:22px}
.play-button{width:58px;height:58px;border-radius:50%;border:0;background:var(--accent);color:#fff;cursor:pointer;font-size:18px;flex:0 0 auto;box-shadow:0 10px 30px rgba(77,124,254,.28)}
.volume-area{flex:1;display:flex;flex-direction:column;gap:6px}
.volume-area span{font-size:8px;color:#68778f;letter-spacing:.15em;font-weight:900}
.volume-area input{width:100%;accent-color:var(--accent)}
.stream-info{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);color:#66758c;font-size:9px;letter-spacing:.15em}
.section{padding:105px 0}
.section-heading{max-width:720px;margin-bottom:50px}
.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}
.section-heading h2,.two-column h2,.playlist-layout h2,.team-banner h2,.reception-card h2,.contact-card h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.04em;margin:12px 0 18px}
.section-heading p,.section-heading+ p{color:var(--muted)}
.about-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}
.feature-card,.stream-card{background:linear-gradient(145deg,#101c31,#0c1729);border:1px solid var(--line);border-radius:20px;padding:30px}
.feature-card.large{padding:38px}
.icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(77,124,254,.12);color:#7899ff;font-size:21px;margin-bottom:28px}
.card-kicker,.stream-card>span{font-size:9px;letter-spacing:.18em;color:#70809a;font-weight:900}
.feature-card h3,.stream-card h3{font-size:24px;margin:9px 0 12px}
.feature-card p,.stream-card p{color:#8f9db1;font-size:14px}
.text-link{display:inline-block;color:#7899ff;font-size:10px;font-weight:900;letter-spacing:.12em;margin-top:12px}
.dark-section{background:#0a1424;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.two-column p{color:#99a7bb;max-width:650px}
.inline-btn{margin-top:15px}
.stats-card{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.stat{padding:35px 20px;text-align:center;background:#0d182a;border-right:1px solid var(--line)}
.stat:last-child{border:0}
.stat strong{display:block;font-size:42px;color:#7899ff}
.stat span{font-size:9px;letter-spacing:.15em;color:#74839a;font-weight:900}
.streams-section{background:#07101f}
.stream-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.stream-card{position:relative;min-height:300px}
.stream-card.featured{border-color:rgba(77,124,254,.35);background:linear-gradient(145deg,#12213c,#0d1729)}
.stream-number{font-size:12px;color:#5f78ad;font-weight:900;margin-bottom:35px}
.small-play{margin-top:18px;background:rgba(77,124,254,.12);color:#91aaff;border:1px solid rgba(77,124,254,.2)}
.playlist-section{background:#0d1527}
.playlist-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.playlist-layout p{color:#96a4b9;max-width:620px;margin-bottom:30px}
.mini-nowplaying{display:flex;align-items:center;gap:22px;padding:20px;background:#101d32;border:1px solid var(--line);border-radius:20px}
.mini-cover{width:110px;height:110px;border-radius:15px;background:radial-gradient(circle,#274579,#101a2d);display:grid;place-items:center;font-size:30px;font-weight:900;color:#7899ff;flex:0 0 auto}
.mini-nowplaying span{display:block;font-size:9px;letter-spacing:.18em;color:#70809a;font-weight:900}
.mini-nowplaying strong{display:block;font-size:19px;margin:7px 0 2px}
.mini-nowplaying small{color:#8c9ab0}
.team-section{padding-top:80px;padding-bottom:80px}
.team-banner{border:1px solid var(--line);border-radius:24px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(circle at 90% 50%,rgba(77,124,254,.13),transparent 35%),#0e1a2e}
.team-banner p{color:#91a0b5;max-width:650px}
.reception-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.reception-card,.contact-card{border-radius:22px;padding:45px;border:1px solid var(--line)}
.reception-card{background:#101d32}
.contact-card{background:#0b1627}
.reception-card p,.contact-card p{color:#91a0b5}
.history-section{background:#07101f}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.timeline article{padding:28px;border-top:2px solid #4d7cfe;background:#0d1829;border-radius:0 0 16px 16px}
.timeline b{font-size:11px;color:#7899ff;letter-spacing:.12em}
.timeline h3{margin:12px 0 5px}.timeline p{color:#8998ae;font-size:14px}
.site-footer{background:#050b15;border-top:1px solid var(--line);padding:65px 0 25px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.footer-grid h3{font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.footer-grid a{display:block;color:#8290a6;font-size:13px;margin:9px 0}
.footer-grid a:hover{color:#fff}
.footer-grid p{color:#8190a5;font-size:13px}
.footer-small{font-size:9px!important;letter-spacing:.12em}
.copyright{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;color:#5f6e83;font-size:10px}
@media(max-width:950px){
  .main-nav{display:none;position:absolute;left:20px;right:20px;top:82px;background:#0b1526;border:1px solid var(--line);border-radius:15px;padding:12px;flex-direction:column;align-items:stretch}
  .main-nav.open{display:flex}.main-nav a{padding:13px}.menu-toggle{display:block}
  .hero-grid,.two-column,.playlist-layout,.reception-grid{grid-template-columns:1fr;gap:45px}
  .hero{min-height:auto}.hero-grid{padding:70px 0}.hero-player{max-width:620px;width:100%;margin:auto}
  .about-grid,.stream-grid,.timeline{grid-template-columns:1fr}
  .team-banner{display:block}.team-banner .primary-btn{margin-top:20px}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .container{width:min(var(--max),calc(100% - 28px))}
  .nav-wrap{min-height:72px}.main-nav{top:72px;left:14px;right:14px}
  .hero-grid{padding:55px 0}.hero h1{font-size:42px}
  .hero-text{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}
  .primary-btn,.ghost-btn{width:100%}
  .section{padding:75px 0}.feature-card,.feature-card.large,.stream-card,.reception-card,.contact-card{padding:25px}
  .stats-card{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}
  .mini-nowplaying{align-items:flex-start}.mini-cover{width:80px;height:80px}
  .footer-grid{grid-template-columns:1fr}
}