:root{
  --bg:#281C3B;
  --pink:#ff4fd8;
  --cyan:#54f7ff;
  --purple:#8b5cff;
  --lime:#b6ff4f;
  --glass:rgba(255,255,255,.08);
  --dark:#11091d;
}
*{box-sizing:border-box} body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,#593178 0,transparent 28%),radial-gradient(circle at 80% 0,#114b68 0,transparent 25%),var(--bg);color:white;font-family:Verdana,Tahoma,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:linear-gradient(transparent 50%,rgba(255,255,255,.2) 51%);background-size:100% 4px;mix-blend-mode:screen}.wrap{width:min(1180px,94vw);margin:auto;padding:28px 0 50px}.hero{display:flex;justify-content:space-between;align-items:end;gap:20px}.eyebrow{text-transform:uppercase;color:var(--cyan);letter-spacing:4px;font-size:12px;text-shadow:0 0 10px var(--cyan)}h1{font-size:clamp(42px,8vw,96px);line-height:.9;margin:0;text-shadow:0 0 8px var(--pink),0 0 25px var(--pink)}h1 span{color:var(--cyan);text-shadow:0 0 8px var(--cyan),0 0 30px var(--cyan)}.date{border:1px solid var(--cyan);padding:10px 14px;border-radius:12px;background:rgba(0,0,0,.25);box-shadow:0 0 20px rgba(84,247,255,.35)}.tv-shell{position:relative;margin-top:25px}.antenna{position:absolute;top:-36px;width:120px;height:6px;background:linear-gradient(90deg,var(--cyan),var(--pink));border-radius:99px;box-shadow:0 0 18px var(--cyan)}.antenna.left{left:35%;transform:rotate(-28deg)}.antenna.right{right:35%;transform:rotate(28deg)}.tv-frame{display:grid;grid-template-columns:1fr 160px;gap:18px;padding:24px;border-radius:38px;background:linear-gradient(145deg,#2b2140,#090613);border:3px solid rgba(255,255,255,.18);box-shadow:0 0 35px rgba(255,79,216,.35), inset 0 0 30px rgba(255,255,255,.08)}.screen{position:relative;min-height:560px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#05020b,#1b1230 60%,#090613);border:4px solid #08040f;box-shadow:inset 0 0 40px rgba(84,247,255,.18),0 0 22px rgba(84,247,255,.22)}.scanlines{position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 3px,transparent 6px)}.channel-badge{position:absolute;top:18px;left:18px;z-index:10;background:rgba(0,0,0,.55);border:1px solid var(--cyan);border-radius:99px;padding:9px 14px;box-shadow:0 0 16px rgba(84,247,255,.25)}.channel-app{min-height:560px;padding:70px 24px 24px}.panel{display:flex;flex-direction:column;align-items:center;gap:18px;padding:18px;border-radius:26px;background:linear-gradient(#1c1429,#0c0815);border:1px solid rgba(255,255,255,.12)}.brand{font-size:12px;color:var(--lime);letter-spacing:2px}.round{width:96px;height:96px;border-radius:50%;border:2px solid var(--cyan);background:radial-gradient(circle,#3a2a56,#10091d);color:white;font-weight:bold;cursor:pointer;box-shadow:0 0 18px rgba(84,247,255,.25)}.round:hover{transform:scale(1.04);box-shadow:0 0 28px rgba(255,79,216,.4)}.knob{width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--pink),var(--cyan),var(--purple),var(--pink));box-shadow:0 0 20px rgba(255,79,216,.4)}.leds{display:flex;gap:8px}.leds i{width:16px;height:16px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}.channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:22px}.channels a{text-decoration:none;color:white;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px;display:flex;gap:10px;align-items:center}.channels a.active{border-color:var(--pink);box-shadow:0 0 16px rgba(255,79,216,.35);background:rgba(255,79,216,.14)}canvas{background:white;border-radius:14px;max-width:100%;touch-action:none}.tool-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:18px;box-shadow:0 0 20px rgba(0,0,0,.24)}button,input,textarea{font:inherit}textarea{width:100%;height:300px;border-radius:14px;background:#0d0818;color:white;border:1px solid var(--cyan);padding:14px}.btn{border:0;border-radius:12px;padding:12px 15px;margin:6px;background:linear-gradient(90deg,var(--pink),var(--cyan));color:#08040f;font-weight:bold;cursor:pointer}.pixel-grid{display:grid;grid-template-columns:repeat(16,22px);gap:3px}.px{width:22px;height:22px;background:white;border-radius:3px;cursor:pointer}.piano{display:flex;gap:6px;align-items:end}.key{width:54px;height:190px;border-radius:0 0 10px 10px;background:white;color:#111;display:grid;place-items:end center;padding-bottom:10px;cursor:pointer}.key:active{transform:translateY(4px)}.result{font-size:clamp(34px,8vw,80px);text-align:center;text-shadow:0 0 20px var(--cyan)}.dvd-box{position:relative;height:380px;overflow:hidden;border-radius:18px;background:#05020b}.dvd-logo{position:absolute;font-size:44px;text-shadow:0 0 20px var(--pink)}.snake-board{display:grid;grid-template-columns:repeat(18,18px);gap:2px;background:#06030c;padding:12px;border-radius:14px;width:max-content}.cell{width:18px;height:18px;background:#211632}.snake{background:var(--lime);box-shadow:0 0 8px var(--lime)}.food{background:var(--pink);box-shadow:0 0 8px var(--pink)}@media(max-width:820px){.tv-frame{grid-template-columns:1fr}.panel{flex-direction:row;justify-content:center;flex-wrap:wrap}.round{width:72px;height:72px}.knob{width:80px;height:80px}.screen{min-height:500px}}