:root{--pink:#ff45ad;--cyan:#20e7ff;--purple:#a020ff;--yellow:#ffe100;--green:#19ff4a;--orange:#ff8a19;--bg:#070711}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:#d8d1df;background:radial-gradient(circle at 18% 8%,rgba(0,240,255,.12),transparent 30%),radial-gradient(circle at 75% 0,rgba(255,230,0,.13),transparent 25%),linear-gradient(120deg,#061017,#0a0513 45%,#130219);font-family:Rajdhani,Arial,sans-serif;overflow-x:hidden}.stars{position:fixed;inset:0;z-index:-3;pointer-events:none}.star{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px currentColor;animation:twinkle 3s infinite alternate}.bars{position:fixed;bottom:0;left:0;right:0;height:290px;z-index:-2;opacity:.35;background:linear-gradient(90deg,rgba(255,0,140,.6) 0 9%,transparent 9% 13%,rgba(0,220,255,.55) 13% 22%,transparent 22% 25%,rgba(255,140,0,.55) 25% 31%,transparent 31% 41%,rgba(130,0,255,.55) 41% 49%,transparent 49% 51%,rgba(255,0,140,.5) 51% 61%,transparent 61% 63%,rgba(0,255,120,.55) 63% 72%,transparent 72% 74%,rgba(255,140,0,.45) 74% 80%,transparent 80% 82%,rgba(0,255,120,.55) 82% 91%,transparent 91% 94%,rgba(255,230,0,.55) 94% 100%);clip-path:polygon(0 55%,9% 55%,9% 100%,13% 100%,13% 17%,22% 17%,22% 100%,25% 100%,25% 70%,31% 70%,31% 100%,41% 100%,41% 68%,49% 68%,49% 100%,51% 100%,51% 0,61% 0,61% 100%,63% 100%,63% 25%,72% 25%,72% 100%,74% 100%,74% 43%,80% 43%,80% 100%,82% 100%,82% 20%,91% 20%,91% 100%,94% 100%,94% 54%,100% 54%,100% 100%,0 100%)}.topbar{height:148px;border-bottom:1px solid rgba(193,60,255,.35);display:flex;align-items:center;justify-content:space-between;padding:24px 48px;background:rgba(7,7,17,.62);backdrop-filter:blur(8px)}.brand{display:flex;gap:28px;align-items:center}.brand-logo{width:94px;height:94px;object-fit:cover;box-shadow:0 0 28px rgba(148,49,255,.55)}h1,.section-title,footer h2,footer h3,.hero h2{font-family:Orbitron,sans-serif}.brand h1{margin:0;color:var(--pink);font-size:43px;font-weight:900;text-shadow:0 0 18px var(--pink),0 0 35px var(--pink)}.brand p{margin:7px 0 0;color:var(--cyan);font-size:16px;letter-spacing:3px;font-weight:700}.live{font-family:Orbitron,sans-serif;color:#ff5252;font-size:24px;text-shadow:0 0 18px #ff2f2f;font-weight:700}.live span{display:inline-block;width:17px;height:17px;border-radius:50%;background:#ff4545;margin-right:14px;box-shadow:0 0 18px #ff2f2f;animation:pulse 1.2s infinite}.hero{text-align:center;padding:86px 20px 20px}.main-logo{width:min(815px,70vw);max-width:100%;display:block;margin:0 auto;box-shadow:0 0 45px rgba(168,54,255,.8),0 0 80px rgba(0,221,255,.25)}.onair{margin:32px auto 6px;font-family:Orbitron,sans-serif;color:#ff5757;font-size:25px;text-shadow:0 0 15px #ff4b4b;font-weight:700}.onair i{display:inline-block;width:14px;height:14px;border-radius:50%;background:#c24444;margin-right:16px}.hero h2{font-size:70px;line-height:1.05;margin:4px 0;background:linear-gradient(90deg,#ff4bae,#25dffc,#65ff86,#ffcf18);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900;letter-spacing:4px}.subtitle{font-size:28px;margin:26px 0;color:#c7c2cf}.player-card{display:inline-flex;align-items:center;gap:25px;margin:28px auto 40px;padding:18px 28px;border:2px solid rgba(32,231,255,.7);border-radius:26px;background:rgba(25,24,34,.72);box-shadow:0 0 30px rgba(32,231,255,.25)}.play-btn{width:82px;height:82px;border-radius:50%;border:3px solid var(--pink);background:radial-gradient(circle,#ff4bae,#51002b);color:white;cursor:pointer;box-shadow:0 0 26px var(--pink);font-size:30px}.play-btn.playing .play-icon{font-size:0}.play-btn.playing .play-icon:before{content:'❚❚';font-size:28px}.eq{display:flex;gap:6px;align-items:end;height:48px}.eq b{width:8px;height:18px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:eq 1s infinite ease-in-out}.eq b:nth-child(2){animation-delay:.15s}.eq b:nth-child(3){animation-delay:.3s}.eq b:nth-child(4){animation-delay:.45s}.eq b:nth-child(5){animation-delay:.6s}.volume-wrap{display:flex;align-items:center;gap:10px}input[type=range]{accent-color:var(--pink);width:165px}.section-title{text-align:center;font-size:54px;margin:70px 0 55px;font-weight:900;letter-spacing:3px}.pink{color:var(--pink);text-shadow:0 0 18px var(--pink),0 0 40px var(--pink)}.blue{color:var(--cyan);text-shadow:0 0 18px var(--cyan),0 0 40px var(--cyan)}.program{padding:10px 22px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;max-width:1980px;margin:0 auto}.card{min-height:260px;text-align:center;padding:34px 25px;border:3px solid currentColor;border-radius:15px;background:linear-gradient(135deg,rgba(38,38,45,.85),rgba(14,14,22,.82));box-shadow:0 0 23px rgba(255,255,255,.08);color:var(--cyan)}.card .icon{font-size:62px;line-height:1;margin-bottom:24px;text-shadow:0 0 20px currentColor}.card h3{font-family:Orbitron,sans-serif;font-size:28px;margin:0 0 18px;text-shadow:0 0 14px currentColor}.card p{font-size:20px;min-height:50px;margin:0 0 24px;color:#c7c2cf}.card strong{font-size:21px}.magenta{color:var(--pink)}.yellow{color:var(--yellow)}.green{color:#60eb93}.orange{color:#ff9b3e}.contact{padding:30px 20px 80px}.contact-box{max-width:1580px;margin:0 auto;padding:70px 88px;border:3px solid var(--cyan);border-radius:14px;background:linear-gradient(135deg,rgba(38,38,45,.88),rgba(20,20,28,.82));text-align:center;box-shadow:0 0 40px rgba(0,236,255,.22);position:relative;overflow:hidden}.mail-icon{font-size:72px;color:var(--cyan);text-shadow:0 0 18px var(--cyan)}.contact-box p{font-size:32px;margin:22px 0}.email{display:inline-block;color:var(--cyan);font-family:Orbitron,sans-serif;font-size:36px;font-weight:900;text-decoration:none;text-shadow:0 0 15px var(--cyan),0 0 28px var(--cyan)}.socials{display:grid;grid-template-columns:repeat(5,1fr);gap:32px;margin-top:58px}.socials a{padding:34px 12px;border:1px solid currentColor;border-radius:11px;text-decoration:none;font-size:20px;font-weight:700;color:var(--cyan);background:rgba(17,54,89,.6);box-shadow:0 0 18px rgba(0,216,255,.2)}.facebook{color:#2d85ff!important}.instagram{color:#ff4bac!important}.youtube{color:#ff2b2b!important}.telegram{color:#23a9e9!important}.discord{color:#8b5cf6!important}footer{border-top:1px solid rgba(193,60,255,.35);padding:70px 28px;text-align:center;position:relative}.foot-brand{display:flex;align-items:center;gap:24px;text-align:left}.foot-brand img{width:76px;height:76px}.foot-brand h2{margin:0;color:var(--pink);font-size:36px;text-shadow:0 0 16px var(--pink)}.foot-brand p{margin:8px 0;color:var(--cyan);font-size:18px}.location{position:absolute;top:72px;right:28px;text-align:right;font-size:22px}.location strong{display:block;color:var(--yellow);font-family:Orbitron,sans-serif;margin-top:20px;text-shadow:0 0 14px var(--yellow);font-size:28px}footer h3{margin:90px 0 30px;color:var(--cyan);font-size:34px;text-shadow:0 0 20px var(--cyan)}.impressum{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.impressum div{padding:28px;border:1px solid rgba(193,60,255,.55);border-radius:12px;background:rgba(0,0,0,.42)}.impressum b{display:block;color:#d580ff;font-size:20px}.impressum span{display:block;margin-top:9px;font-size:21px}.copy{margin-top:48px;color:#797280;font-size:16px}@keyframes pulse{50%{opacity:.45;transform:scale(.82)}}@keyframes twinkle{to{opacity:.35;transform:scale(.65)}}@keyframes eq{50%{height:48px}}@media(max-width:1050px){.topbar{height:auto;padding:18px 20px}.brand h1{font-size:26px}.brand p{font-size:12px}.brand-logo{width:72px;height:72px}.live{font-size:18px}.hero{padding-top:45px}.main-logo{width:86vw}.hero h2{font-size:42px}.subtitle{font-size:22px}.cards{grid-template-columns:repeat(2,1fr)}.socials{grid-template-columns:repeat(2,1fr)}.foot-brand{justify-content:center;text-align:center}.location{position:static;text-align:center;margin-top:35px}.impressum{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.topbar{align-items:flex-start}.brand{gap:12px}.brand h1{font-size:21px}.brand p{letter-spacing:1px}.live{font-size:15px}.hero h2{font-size:33px}.section-title{font-size:34px}.cards,.socials,.impressum{grid-template-columns:1fr}.contact-box{padding:40px 20px}.email{font-size:22px}.player-card{width:100%;justify-content:center;flex-wrap:wrap;padding:16px}.subtitle{font-size:20px}.card h3{font-size:23px}}
