*{box-sizing:border-box}
:root{--cyan:#59e8ff;--cyan-soft:#9df5ff;--pink:#ff4fd8;--pink-soft:#ff8ae8;--violet:#8c35ff;--deep:#140321;--deep-2:#1c0630;--text:#f6f4ff;--muted:#d7cdee}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:Inter,"Segoe UI",Arial,sans-serif}
#stage{position:absolute;left:50%;top:50%;width:3840px;height:2160px;transform-origin:center center;transform:translate(-50%,-50%) scale(var(--scale,1));overflow:hidden;color:var(--text);background:
radial-gradient(circle at 18% 14%, rgba(255,79,216,.22), transparent 26%),
radial-gradient(circle at 78% 12%, rgba(89,232,255,.20), transparent 30%),
radial-gradient(circle at 58% 82%, rgba(140,53,255,.18), transparent 28%),
linear-gradient(135deg,#12011f 0%,#1a0430 42%,#0f0723 100%)}
.bg-grid{position:absolute;inset:0;pointer-events:none;opacity:.42;background:
repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 92px),
repeating-linear-gradient(0deg, rgba(255,255,255,.012) 0 1px, transparent 1px 92px),
linear-gradient(124deg, transparent 0 30%, rgba(255,79,216,.16) 30.15%, transparent 30.8%),
linear-gradient(304deg, transparent 0 72%, rgba(89,232,255,.14) 72.15%, transparent 72.85%)}
.bg-tech{position:absolute;pointer-events:none;opacity:.28;filter:drop-shadow(0 0 14px rgba(89,232,255,.26))}
.tech-a{left:50px;top:148px;width:1260px;height:186px;background:linear-gradient(90deg, rgba(89,232,255,0) 0 5%, rgba(89,232,255,.40) 5.2% 16%, rgba(89,232,255,0) 16.2% 100%);clip-path:polygon(0 78%, 18% 78%, 20% 62%, 38% 62%, 40% 48%, 100% 48%, 100% 58%, 50% 58%, 48% 72%, 0 72%)}
.tech-b{right:80px;top:150px;width:660px;height:160px;background:linear-gradient(90deg, transparent 0 42%, rgba(255,79,216,.44) 42.2% 88%, transparent 88.2% 100%);clip-path:polygon(0 56%, 22% 56%, 26% 34%, 100% 34%, 100% 44%, 30% 44%, 26% 66%, 0 66%)}
.tech-c{right:110px;bottom:84px;width:1040px;height:160px;background:linear-gradient(90deg, transparent 0 36%, rgba(89,232,255,.34) 36.2% 64%, transparent 64.2% 100%);clip-path:polygon(0 62%, 28% 62%, 31% 44%, 100% 44%, 100% 54%, 34% 54%, 31% 72%, 0 72%)}
.panel{position:absolute;overflow:hidden;background:linear-gradient(145deg, rgba(29,8,50,.96), rgba(14,6,33,.98));border:2px solid rgba(89,232,255,.48);border-radius:40px;box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 34px rgba(255,79,216,.18),0 20px 52px rgba(0,0,0,.48)}
.panel::before{content:"";position:absolute;inset:22px;border-radius:30px;border:1px solid rgba(157,245,255,.12);pointer-events:none;z-index:6}
.panel::after{content:"";position:absolute;left:36px;top:24px;width:250px;height:44px;border-top:2px solid rgba(255,79,216,.26);border-left:2px solid rgba(89,232,255,.16);border-radius:28px 0 0 0;pointer-events:none;z-index:7}
.topbar{left:30px;top:24px;width:3780px;height:118px;display:flex;align-items:center;gap:28px;padding:0 30px;border-radius:32px;border-color:rgba(89,232,255,.28);background:linear-gradient(90deg, rgba(26,6,46,.98) 0%, rgba(28,8,52,.98) 22%, rgba(18,7,37,.98) 72%, rgba(21,6,41,.98) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 24px rgba(255,79,216,.14),0 16px 34px rgba(0,0,0,.34)}
.topbar::before,.topbar::after{display:none}
.top-left,.top-center,.top-right{display:flex;align-items:center;min-width:0}.top-left{width:1030px;gap:28px}
.brand-wrap{display:flex;align-items:center;gap:16px;flex:0 0 auto}.brand-title{font-size:34px;font-weight:900;line-height:1;letter-spacing:.4px;white-space:nowrap}.brand-title span{color:var(--pink-soft)}.brand-tv{padding:8px 14px;border:2px solid var(--cyan);border-radius:10px;color:var(--cyan);font-size:22px;font-weight:900;line-height:1;box-shadow:0 0 18px rgba(89,232,255,.12) inset}
.weather-wrap{display:flex;align-items:center;gap:18px;padding-left:24px;border-left:1px solid rgba(255,255,255,.12);min-width:0}.weather-icon{font-size:48px;line-height:1}.weather-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.weather-main{display:flex;align-items:center;gap:16px;white-space:nowrap}#weather-temp{font-size:46px;font-weight:900;line-height:1}.weather-city{font-size:20px;font-weight:900;letter-spacing:.6px}.weather-sub{display:flex;gap:12px;color:var(--muted);font-size:18px;white-space:nowrap}#weather-range{color:var(--cyan-soft)}
.meteo-center{flex:1;gap:18px;padding:0 28px;border-left:1px solid rgba(255,255,255,.10);border-right:1px solid rgba(255,255,255,.10)}.meteo-pill{flex:0 0 auto;padding:14px 22px;border-radius:14px;background:linear-gradient(180deg,#ff4fd8 0%,#8c35ff 100%);font-size:16px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;box-shadow:0 0 18px rgba(255,79,216,.18)}.forecast-wrap{position:relative;flex:1;height:76px;overflow:hidden}.forecast-track{display:inline-flex;align-items:center;gap:36px;white-space:nowrap;line-height:76px;font-size:26px;font-weight:700;padding-left:100%;animation:forecastMove 38s linear infinite}.forecast-item{display:inline-flex;align-items:center;gap:14px}.forecast-icon{font-size:46px;line-height:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.18))}.forecast-day{font-weight:900;color:#fff}.forecast-temps{color:var(--cyan-soft);font-size:25px}.forecast-sep{opacity:.35;font-size:24px}
.top-right{width:250px;flex-direction:column;align-items:flex-end;gap:4px;padding-left:18px}#clock{font-size:56px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}#date-label{font-size:22px;font-weight:900;color:var(--pink-soft);letter-spacing:.5px}
.section-pill{position:absolute;z-index:20;display:inline-flex;align-items:center;padding:12px 28px;border-radius:18px;border:2px solid rgba(89,232,255,.76);background:linear-gradient(135deg, rgba(255,79,216,.96), rgba(119,38,214,.96));box-shadow:0 0 24px rgba(255,79,216,.28);font-size:22px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.pill-main{left:56px;top:176px}.pill-news{left:56px;top:1648px}.pill-side{left:2732px;top:176px}
.main-zone{left:30px;top:196px;width:2650px;height:1418px}.main-zone video{width:100%;height:100%;display:block;object-fit:cover;background:#000;border-radius:38px}.media-overlay{display:none}.media-kicker{display:inline-flex;padding:8px 14px;border-radius:12px;background:linear-gradient(180deg, rgba(255,79,216,.34), rgba(140,53,255,.20));font-size:14px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.media-caption{margin-top:10px;font-size:18px;color:#f4deff}
.news-zone{left:30px;top:1640px;width:2650px;height:490px;border-color:rgba(89,232,255,.42)}.side-zone{left:2710px;top:196px;width:1100px;height:1934px;border-color:rgba(255,79,216,.42);box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 34px rgba(255,79,216,.18),0 18px 48px rgba(0,0,0,.44)}iframe{width:100%;height:100%;border:0;display:block;background:#000;border-radius:34px}
@keyframes forecastMove{from{transform:translateX(0)}to{transform:translateX(-100%)}}
#youtube-stream{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;display:none;border-radius:38px;z-index:2}