:root{--bg:#050a24;--panel:#081139ed;--text:#f3f5ff;--muted:#b5c4e8;--line:#4739db;--cyan:#00dfff;--pink:#f000ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.top{height:86px;background:#050a24f5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px clamp(18px,4vw,60px);position:sticky;top:0;z-index:5;border-bottom:1px solid #26316b}.brand img{height:70px;width:70px;object-fit:contain}.top nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top nav a{padding:11px 12px;border-radius:9px;font-size:14px;font-weight:700}.top nav a:hover,.top nav a.active{background:linear-gradient(110deg,#1456d9,#08377b)}.theme,.menu-toggle{border:1px solid #46518d;border-radius:20px;background:#131e4e;color:white;padding:9px 14px}.menu-toggle{display:none}.hero{min-height:390px;background:linear-gradient(#0408281a,#060a2b55),url('hero.jpg') center 45%/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.hero-logo{width:min(315px,55vw);height:315px;max-height:55vw;object-fit:contain;filter:drop-shadow(0 0 20px #c000ff88)}h1{font-size:clamp(20px,3vw,30px);letter-spacing:.42em;font-weight:700;color:var(--cyan);margin:8px 0 0;text-shadow:0 0 15px #00baff}h1 span{color:#ff49eb;text-shadow:0 0 15px #ff00c8}.container{max-width:1240px;margin:auto;padding:0 24px 28px}.panel{border:1px solid var(--line);border-radius:16px;background:linear-gradient(125deg,var(--panel),#050a25ed);box-shadow:0 0 16px #170b4d44}.player{margin-top:-5px;position:relative;display:flex;align-items:center;gap:26px;padding:16px 30px;min-height:118px;border-color:#a01cf2}.play{width:84px;height:84px;flex-shrink:0;border-radius:50%;border:3px solid var(--cyan);color:white;font-size:32px;background:linear-gradient(130deg,#004de9,#e600dc);box-shadow:0 0 18px #ae18ff}.play:disabled{opacity:.65;cursor:not-allowed}.song{display:flex;flex-direction:column;flex:1}.song small,.stats small{color:var(--muted);font-size:13px}.song strong{font-size:22px}.song span{color:var(--muted)}.volume{display:flex;align-items:center;gap:10px}.volume input{width:120px;accent-color:var(--cyan)}.live{border:1px solid #ad2aff;padding:12px 19px;border-radius:30px;font-weight:800;white-space:nowrap;box-shadow:0 0 14px #9b21ff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.stats article{display:flex;align-items:center;gap:18px;padding:22px}.stats strong{display:block;color:var(--cyan);font-size:20px}.stats p,.bottom p{color:var(--muted);font-size:14px;margin:3px 0}.symbol{font-size:32px}.features{display:grid;grid-template-columns:1fr 1fr;gap:18px}.schedule{padding:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading span{font-size:13px;color:var(--cyan)}h2{font-size:21px;margin:0 0 15px}.schedule-row{display:flex;align-items:center;gap:28px;padding:12px 14px;border-bottom:1px solid #ffffff12;background:#030b2b66}.schedule-row:nth-child(even){background:#101b4b55}.schedule-row time{color:#afc6ef;white-space:nowrap;font-size:13px}.schedule-row strong,.schedule-row small{display:block}.schedule-row small{color:var(--muted)}.request{min-height:420px;background:linear-gradient(90deg,#08092dc9,#130529a6),url('hero.jpg') center/cover;display:flex;justify-content:center;align-items:center;text-align:center;padding:30px}.request h2{font-size:clamp(30px,4vw,54px);color:var(--cyan);text-shadow:0 0 16px var(--cyan)}.request h2 span{display:block;color:#ff39ed;text-shadow:0 0 16px var(--pink)}.request p{font-size:21px;max-width:300px;margin:20px auto}.cta{display:inline-block;background:linear-gradient(90deg,#eb00d8,#9d18ff);border-radius:28px;padding:13px 26px;font-weight:800;box-shadow:0 0 18px #ee00db88}.request small{display:block;color:#c7c2ef;margin-top:18px}.bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.bottom article{min-height:270px;padding:24px;display:flex;flex-direction:column}.placeholder{font-size:65px;text-align:center;flex:1;display:grid;place-items:center;color:var(--cyan);text-shadow:0 0 20px #00dfff}.outline{display:block;text-align:center;border:1px solid #a329ed;border-radius:25px;padding:9px;font-size:13px;font-weight:700;margin-top:auto}.news{display:flex;align-items:center;gap:12px;margin:20px 0}.news img{width:70px;height:70px;object-fit:contain}.news strong,.news small{display:block}.news small{font-size:12px;color:var(--muted)}footer{display:flex;align-items:center;gap:28px;padding:20px max(24px,calc((100vw - 1192px)/2));border-top:1px solid #26316b;background:#050a24}footer img{width:72px}footer strong{color:var(--cyan);letter-spacing:2px}footer p{color:var(--muted);font-size:13px}footer>a{margin-left:auto;font-size:13px}body.light{--bg:#eaf1ff;--panel:#fff;--text:#142044;--muted:#52618c;--line:#9c8fff}body.light .top,body.light footer{background:#e4ecff}body.light .top nav a,body.light .theme{color:var(--text)}body.light .top nav a.active{color:white}body.light .hero{color:white}body.light .player,body.light .stats article,body.light .schedule,body.light .bottom article{background:#ffffffed}body.light .request{color:white}@media(max-width:850px){.menu-toggle{display:block;margin-left:auto}.top nav{display:none;position:absolute;top:86px;left:0;right:0;background:#060c2b;padding:16px;flex-direction:column;align-items:stretch}.top nav.open{display:flex}.top nav a{color:white!important}.stats,.bottom{grid-template-columns:1fr}.features{grid-template-columns:1fr}.player{flex-wrap:wrap}.volume{margin-left:auto}}@media(max-width:520px){.container{padding:0 12px 22px}.top{padding:8px 12px}.hero{min-height:310px}.hero-logo{width:230px;height:230px;max-height:none}h1{letter-spacing:.22em}.player{padding:16px;gap:12px}.play{width:64px;height:64px}.song strong{font-size:17px}.volume{order:4}.live{font-size:12px;padding:9px}.stats article{padding:16px}.schedule{padding:15px}.schedule-row{gap:12px}.schedule-row time{font-size:11px}footer{flex-wrap:wrap}}

/* VIBE STATION - Teljes oldalas neon háttér */

body,
body.light {
    background:
        linear-gradient(
            rgba(3, 5, 25, 0.30),
            rgba(3, 5, 25, 0.50)
        ),
        url('hero.jpg') center center / cover fixed;
    background-color: #050a24;
}

/* A logó mögött is ugyanaz a háttér látszódjon */
.hero {
    background: transparent;
}

/* Áttetsző, üveghatású panelek */
.panel {
    background: rgba(5, 10, 36, 0.78);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* A zenekérő panel se takarja el teljesen a hátteret */
.request {
    background: rgba(8, 9, 45, 0.60);
}

/* Fejléc és lábléc */
.top,
footer {
    background: rgba(5, 10, 36, 0.90);
    backdrop-filter: blur(12px);
}

/* Világos mód */
body.light .panel {
    background: rgba(255, 255, 255, 0.88);
}

body.light .top,
body.light footer {
    background: rgba(235, 242, 255, 0.92);
}

/* Mobilos háttér */
@media (max-width: 850px) {
    body,
    body.light {
        background-attachment: scroll;
    }
}