:root{--void:#03040a;--bg:#060713;--panel:rgba(255,255,255,.065);--panel2:rgba(255,255,255,.105);--line:rgba(255,255,255,.14);--gold:#E8B53A;--violet:#b478ff;--mint:#5fe3b0;--red:#ff3b5c;--sky:#5bd9ff;--ink:#f4f0e8;--muted:#b9b1a2;--soft:#d9d2c4;--shadow:0 34px 120px rgba(0,0,0,.58);--fast:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% -8%,rgba(232,181,58,.32),transparent 34rem),radial-gradient(circle at 88% 0,rgba(180,120,255,.25),transparent 34rem),radial-gradient(circle at 50% 116%,rgba(95,227,176,.13),transparent 40rem),linear-gradient(135deg,#03040a,#080a18 52%,#03040a);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 25%,#000,transparent 78%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022),rgba(255,255,255,.022) 1px,transparent 1px,transparent 4px);opacity:.34}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:15px;padding:12px 16px;background:rgba(255,255,255,.08);color:var(--ink);font-weight:900;cursor:pointer;transition:.18s var(--fast)}button:hover{transform:translateY(-2px);border-color:rgba(232,181,58,.5);box-shadow:0 0 42px rgba(232,181,58,.18)}button.primary{background:var(--gold);color:#100d05;border-color:transparent}button.signal{background:linear-gradient(135deg,var(--red),var(--violet));border-color:transparent}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.30);color:var(--ink);padding:12px}label{display:grid;gap:7px;color:var(--muted);font-weight:800}.app{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;overflow:auto;padding:18px;border-right:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));backdrop-filter:blur(22px)}.brand{display:flex;gap:13px;align-items:center;margin-bottom:18px}.mark{width:68px;height:68px;border-radius:25px;background:conic-gradient(from 0deg,var(--gold),var(--violet),var(--sky),var(--mint),var(--gold));display:grid;place-items:center;color:#090a10;font-weight:1000;box-shadow:0 22px 70px rgba(232,181,58,.2);position:relative;overflow:hidden}.mark:after{content:"";position:absolute;inset:11px;border-radius:18px;background:rgba(255,255,255,.42);mix-blend-mode:screen}.mark span{position:relative;z-index:2}.eyebrow{margin:0 0 6px;color:var(--gold);font:900 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.side h1{font-size:24px;line-height:.94;letter-spacing:-.06em;margin:0}.nav{display:grid;gap:8px;margin-top:18px}.nav button{text-align:left;background:rgba(255,255,255,.045);border-radius:17px;padding:14px;position:relative;overflow:hidden}.nav button.active{background:var(--gold);color:#100d05;border-color:transparent}.main{min-width:0;padding:22px 22px 80px}.topbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(232,181,58,.32);border-radius:999px;padding:9px 12px;color:var(--gold);background:rgba(232,181,58,.08);font:900 11px/1 ui-monospace,Menlo,monospace;text-transform:uppercase}.view{display:none}.view.active{display:block;animation:rise .28s var(--fast)}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero{position:relative;min-height:72vh;border:1px solid var(--line);border-radius:36px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.035));box-shadow:var(--shadow)}.hero canvas,.screen canvas{width:100%;height:100%;display:block}.hero-copy{position:absolute;inset:auto 0 0 0;padding:clamp(24px,5vw,64px);background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));z-index:2}.hero h2{font-size:clamp(3rem,8vw,8.5rem);line-height:.78;letter-spacing:-.105em;margin:14px 0;background:linear-gradient(100deg,#fff,var(--gold),#fff,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:900px;color:#e1d9ca;font-size:18px;line-height:1.55}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.rail-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:28px 0 14px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.rail-title h3{font-size:clamp(1.8rem,4vw,4rem);letter-spacing:-.08em;line-height:.88;margin:0}.row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,32vw);gap:14px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.tile{scroll-snap-align:start;min-height:210px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));position:relative;overflow:hidden;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 16px 50px rgba(0,0,0,.28);transition:.18s var(--fast)}.tile:hover{transform:scale(1.025) translateY(-3px);border-color:rgba(232,181,58,.48);box-shadow:var(--shadow),0 0 50px rgba(232,181,58,.16)}.tile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 0,var(--c,rgba(232,181,58,.25)),transparent 16rem),linear-gradient(180deg,transparent,rgba(0,0,0,.72));opacity:.95}.tile>*{position:relative;z-index:2}.tile h4{font-size:24px;letter-spacing:-.04em;line-height:.95;margin:0 0 6px}.tile p{color:#ddd4c5;margin:0;font-size:13px}.meta{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.chip{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 9px;color:var(--soft);font:800 10px/1 ui-monospace,Menlo,monospace;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.card,.panel,.screen,.epg-slot,.asset,.court{border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.03));box-shadow:0 18px 60px rgba(0,0,0,.24);overflow:hidden;position:relative}.card,.panel,.court{padding:18px}.card:before,.panel:before,.court:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--violet),var(--sky))}.screen{min-height:580px;background:#02040a}.studio{display:grid;grid-template-columns:360px minmax(0,1fr) 380px;gap:14px}.form{display:grid;gap:12px}.preview-card{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(0,0,0,.24);padding:18px;margin:10px 0}.epg{display:grid;gap:10px}.epg-slot{display:grid;grid-template-columns:86px 1fr auto;gap:14px;align-items:center;padding:14px}.asset{padding:14px}.asset video,.asset audio,.asset img{width:100%;max-height:240px;border-radius:16px;background:#000}.theater{position:fixed;inset:0;background:#000;z-index:100;display:none}.theater.active{display:grid;place-items:center}.theater .close{position:absolute;top:18px;right:18px;z-index:3}.theater .screen{width:100vw;height:100vh;border:0;border-radius:0}.score{font-size:clamp(4rem,9vw,9rem);font-weight:1000;color:var(--gold);letter-spacing:-.1em;line-height:.8}.toast{position:fixed;right:18px;bottom:18px;z-index:200;background:rgba(3,7,12,.94);border:1px solid rgba(95,227,176,.55);border-radius:18px;color:var(--mint);padding:12px 14px}.terminal{background:#02040a;border:1px solid rgba(95,227,176,.24);border-radius:22px;padding:16px;font-family:ui-monospace,Menlo,monospace;color:#def;min-height:320px;white-space:pre-wrap}.red{color:var(--red)}.ok{color:var(--mint)}@media(max-width:1180px){.app{grid-template-columns:1fr}.side{position:relative;height:auto}.nav{grid-template-columns:repeat(2,1fr)}.studio{grid-template-columns:1fr}.row{grid-auto-columns:minmax(260px,80vw)}}@media(max-width:700px){.main{padding:14px}.topbar{flex-direction:column;align-items:flex-start}.nav{grid-template-columns:1fr}.epg-slot{grid-template-columns:1fr}.hero{min-height:620px}.hero h2{font-size:3.4rem}}