:root{--bg:#0a0710;--panel:#15101c;--panel2:#201426;--text:#fff7f0;--muted:#b9aebc;--gold:#ffb85c;--rose:#ff557a;--violet:#9b6cff;--line:#3b2b45}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 85% 0,#2b1236 0,transparent 35%),linear-gradient(180deg,#09060c,#0d0912 55%,#09070b);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.topline{padding:7px 5vw;background:linear-gradient(90deg,#ffb85c,#ff557a,#9b6cff);color:#170b18;font-weight:800;font-size:13px}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:16px 5vw;background:rgba(9,6,12,.9);backdrop-filter:blur(18px);border-bottom:1px solid #2c2032}.brand{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:4px}.brand span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--rose));color:#241020;font-weight:1000}.header nav{display:flex;gap:20px;flex:1}.header nav a{color:#ddd0dc}.header nav a:hover{color:#fff}.actions{display:flex;gap:10px;align-items:center}.pill,.btn{display:inline-flex;padding:11px 17px;border-radius:999px;background:linear-gradient(135deg,var(--gold),#ff8d5d);color:#2b1118;font-weight:900}.hero{min-height:560px;padding:80px 5vw 60px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero h1{font-size:clamp(44px,6vw,88px);line-height:.98;margin:8px 0 20px;max-width:900px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--gold),var(--rose));-webkit-background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:18px;max-width:700px;line-height:1.7}.hero-card{position:relative;min-height:410px;border:1px solid #4d3557;border-radius:34px;overflow:hidden;background:linear-gradient(135deg,#1d1228,#0c0910);box-shadow:0 30px 100px #0008}.hero-card img{width:100%;height:410px;object-fit:cover;opacity:.65}.hero-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0710 0,transparent 60%)}.hero-badge{position:absolute;z-index:2;left:22px;top:22px;background:#ff335d;padding:9px 13px;border-radius:999px;font-weight:900}.hero-title{position:absolute;z-index:2;left:24px;bottom:24px;font-size:30px;font-weight:900}.section{padding:22px 5vw 42px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section h2{font-size:30px;margin:0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.card{background:linear-gradient(180deg,#17101f,#100c15);border:1px solid #33243c;border-radius:20px;overflow:hidden;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#805688;box-shadow:0 18px 40px #0007}.card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#151018}.card .pad{padding:14px}.tag{display:inline-block;font-size:11px;padding:5px 8px;border-radius:999px;background:#2d2035;color:#f0c9ff;margin-right:5px}.channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.channel{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#19111f,#100d15);padding:16px;border:1px solid #38283f;border-radius:18px}.channel img{width:92px;height:60px;object-fit:cover;border-radius:12px}.player-wrap{padding:36px 5vw}.player{aspect-ratio:16/9;max-width:1180px;margin:auto;background:#000;border:1px solid #3a2942;border-radius:24px;overflow:hidden}.player iframe,.player video{width:100%;height:100%;border:0}.detail{max-width:1180px;margin:24px auto;padding:0 5vw 40px}.lock{max-width:760px;margin:90px auto;text-align:center;background:#17101f;border:1px solid #3a2942;padding:40px;border-radius:26px}.auth{width:min(520px,92vw);margin:70px auto;background:#17101f;border:1px solid #3a2942;padding:28px;border-radius:24px}.auth input,.auth select,.auth textarea{width:100%;padding:13px;margin:6px 0 14px;background:#0d0a11;color:white;border:1px solid #47334e;border-radius:12px}.auth button{border:0;cursor:pointer}.adminbar{padding:14px;background:#201426;border:1px solid #45324e;border-radius:14px;margin-bottom:16px}footer{margin-top:50px;padding:34px 5vw;border-top:1px solid #2f2037;display:flex;justify-content:space-between;color:var(--muted)}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.channels{grid-template-columns:1fr 1fr}.header nav{display:none}}@media(max-width:650px){.grid{grid-template-columns:repeat(2,1fr)}.channels{grid-template-columns:1fr}.hero{padding-top:45px}.hero h1{font-size:44px}.header{padding:12px 4vw}.brand b{font-size:18px}.card .pad{padding:10px}}
