*{box-sizing:border-box}html{background:#070910;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#28345d 0,#0a0d17 36%,#05060a 75%);color:#f8f9fc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(14px,calc((100% - 1120px)/2));background:#080b14e8;border-bottom:1px solid #ffffff10;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;letter-spacing:.14em}.brand img{width:38px;height:44px;object-fit:contain}.brand b{font-weight:800}.top-actions{display:flex;align-items:center;gap:12px}.online-dot{font-size:10px;letter-spacing:.16em;color:#9aa6bd}.icon-btn,.secondary{border:0;border-radius:50%;background:#20283a;color:#fff;cursor:pointer}.icon-btn{width:40px;height:40px;border-radius:12px}.hero,main{width:min(1120px,calc(100% - 24px));margin:auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,430px);gap:42px;align-items:center;padding:46px 0 36px}.intro{min-width:0}.live{font-size:11px;letter-spacing:.18em;color:#aeb8ce}.live i{display:inline-block;width:8px;height:8px;background:#32e38a;border-radius:50%;box-shadow:0 0 15px #32e38a;margin-right:7px}.intro h1{font-size:clamp(48px,7vw,82px);line-height:.95;margin:18px 0 12px}.intro p{color:#aab4c8;font-size:20px;margin:0 0 22px}.intro-actions{display:flex;gap:10px;flex-wrap:wrap}.intro-actions button{border:1px solid #ffffff12;background:#171e30;color:#fff;border-radius:13px;padding:12px 15px;cursor:pointer}.player,.card,.contact-card{background:#111727e8;border:1px solid #ffffff10;border-radius:28px;box-shadow:0 25px 80px #0006}.player{text-align:center;padding:24px 22px;overflow:hidden}.cover-wrap{width:100%;display:flex;justify-content:center;position:relative}.cover-wrap>img{width:min(250px,68vw);height:min(250px,68vw);object-fit:contain;border-radius:25px;background:#080b14;padding:18px}.eq{height:24px;display:flex;align-items:end;justify-content:center;gap:4px;position:absolute;bottom:-10px}.eq i{width:4px;height:6px;border-radius:4px;background:#fff}.eq.playing i{animation:eq .7s infinite alternate}.eq.playing i:nth-child(2){animation-delay:.12s}.eq.playing i:nth-child(3){animation-delay:.24s}.eq.playing i:nth-child(4){animation-delay:.36s}.eq.playing i:nth-child(5){animation-delay:.48s}@keyframes eq{to{height:21px}}.eyebrow{font-size:10px;letter-spacing:.25em;color:#77849d;margin-top:19px}.track{margin-top:8px;min-height:55px}.track strong,.track small{display:block}.track strong{font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track small{font-size:14px;color:#8793aa;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:20px}.secondary{width:50px;height:50px;font-size:24px}.play{width:78px;height:78px;border:0;border-radius:50%;background:#fff;color:#090b12;font-size:29px;cursor:pointer;box-shadow:0 10px 35px #0008}.volume{display:flex;gap:9px;align-items:center}.volume input{width:100%;accent-color:#fff}.status{font-size:12px;color:#7f8ba3;margin-top:11px;min-height:16px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{padding:23px}.head{display:flex;gap:13px;align-items:center}.head>span{font-size:28px}.head small,.section-title small,.contact-card small{color:#78849d;font-size:10px;letter-spacing:.18em}.head h2,.section-title h2{font-size:20px;margin:4px 0}.weather,.air{display:flex;align-items:center;gap:18px;margin:24px 0}.weather>b{font-size:54px}.weather strong,.weather small,.air strong,.air small{display:block}.weather small,.air small{color:#7f8ba3;margin-top:5px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{background:#ffffff07;padding:12px;border-radius:14px;color:#7f8ba3;font-size:12px}.stats b{display:block;color:#fff;font-size:16px;margin-top:5px}.air>b{width:78px;height:78px;display:grid;place-items:center;background:#213b33;border-radius:20px;font-size:28px}.news{margin:18px 0}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title>span{font-size:10px;color:#32e38a}.news-item{display:flex;justify-content:space-between;gap:15px;padding:16px 4px;border-top:1px solid #ffffff0b;color:#fff;text-decoration:none}.news-item h3{font-size:16px;line-height:1.35;margin:4px 0}.news-item small,.news-item time{color:#78849d;font-size:11px}.news-item>b{font-size:25px;color:#7f8ba3}.empty{text-align:center;padding:28px;color:#7f8ba3}.news-note{margin:15px 0 0}.contact-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;margin-bottom:28px}.contact-card h3{margin:5px 0;font-size:18px}.contact-card p{margin:0;color:#7f8ba3;font-size:13px}.contact-card a{background:#172a24;color:#fff;text-decoration:none;padding:12px 15px;border-radius:13px;white-space:nowrap}footer{text-align:center;color:#5d6880;font-size:12px;padding:25px 15px 35px}#splash{position:fixed;inset:0;background:#070910;z-index:99;display:grid;place-content:center;text-align:center;gap:10px;transition:opacity .5s}#splash img{width:125px;height:145px;object-fit:contain;margin:auto}#splash span{color:#77839a;font-size:11px;letter-spacing:.08em}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:30px 0 22px;gap:25px}.intro{text-align:center}.intro p{font-size:17px}.intro-actions{justify-content:center}.player{max-width:520px;margin:auto;width:100%}.cards{grid-template-columns:1fr}}@media(max-width:520px){.topbar{height:62px}.online-dot{display:none}.hero,main{width:calc(100% - 16px)}.intro h1{font-size:48px}.player{padding:19px 14px;border-radius:24px}.cover-wrap>img{width:190px;height:190px;padding:14px}.track strong{font-size:22px}.controls{gap:15px;margin:17px}.play{width:72px;height:72px}.secondary{width:46px;height:46px}.card{padding:18px;border-radius:22px}.weather>b{font-size:48px}.stats{gap:6px}.stats div{padding:10px 8px}.contact-card{flex-direction:column;align-items:stretch;text-align:center}.contact-card a{text-align:center}.brand{letter-spacing:.1em}.brand img{width:32px;height:38px}}html[data-theme=light] body{background:#f3f5f9;color:#111827}html[data-theme=light] .topbar{background:#ffffffdd}html[data-theme=light] .player,html[data-theme=light] .card,html[data-theme=light] .contact-card{background:#fff;border-color:#0000000c}html[data-theme=light] .intro p,html[data-theme=light] .status,html[data-theme=light] .muted,html[data-theme=light] .track small{color:#667085}