:root{color-scheme:dark;--bg:#0b1020;--panel:#141d32;--line:#26324a;--accent:#82efba;--muted:#9eacc4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0,#193d40 0,transparent 45%),var(--bg);color:#edf4ff;font-family:Cairo,Arial,sans-serif;min-height:100vh}header{padding:24px 6%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;font-size:24px;letter-spacing:1px}.brand span{color:var(--accent)}a{color:var(--accent);text-decoration:none}main{max-width:1150px;margin:64px auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}h1{font-size:52px;line-height:1.4;margin:16px 0}h2{margin-top:0;font-size:24px}p{color:var(--muted);line-height:1.9}.pill{display:inline-block;color:var(--accent);background:#82efba12;padding:6px 16px;border:1px solid #82efba40;border-radius:30px;font-size:13px}.card{background:linear-gradient(130deg,#1a263b,#111a2d);border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 20px 60px #0003}label{display:block;color:#c3cee1;font-size:14px;margin:18px 0 8px}input,select{font:inherit;width:100%;padding:13px 16px;border:1px solid #34415b;background:#0c1426;color:white;border-radius:10px}button{font:inherit;border:0;border-radius:10px;padding:12px 22px;background:var(--accent);color:#082b22;font-weight:700;cursor:pointer;margin-top:18px}button.secondary{background:#25334b;color:#d6e3f8}button.danger{background:#442636;color:#ffb4c7}button:focus,input:focus,select:focus,a:focus{outline:3px solid #82efba;outline-offset:4px}.wide{width:100%}.features{display:flex;gap:14px;margin-top:34px}.features span{padding:12px;border:1px solid var(--line);border-radius:12px;color:#b8c9df;font-size:13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.row{display:flex;justify-content:space-between;align-items:center;gap:20px}.item{border-bottom:1px solid var(--line);padding:18px 0;overflow-wrap:anywhere}.muted{color:var(--muted)}#status{min-height:30px;color:#ffc88a;margin-top:20px}footer{text-align:center;color:var(--muted);padding:40px;font-size:12px}[hidden]{display:none!important}code{direction:ltr;display:inline-block;color:var(--accent);font-size:20px;overflow-wrap:anywhere}video{width:100%;max-height:65vh;background:black;border-radius:12px}.channels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-height:430px;overflow:auto}.channels button{margin:0;text-align:right;background:#23334b;color:white}.tv main{max-width:1600px;margin-top:30px}.tv{font-size:20px}@media(max-width:750px){.hero,.grid{grid-template-columns:1fr;gap:30px}h1{font-size:36px}main{margin:32px auto}.features{flex-wrap:wrap}.channels{grid-template-columns:1fr}}