
:root{--bg:#0f172a;--panel:#111c33;--text:#eef5ff;--muted:#a6b6cf;--brand:#facc15;--accent:#38bdf8;--line:#24324a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#21304d,#0f172a 55%);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:#7dd3fc}header{padding:48px 20px 28px;text-align:center;background:linear-gradient(135deg,#0f172a,#1e293b)}main{max-width:1180px;margin:auto;padding:24px 18px 56px}.brand{color:var(--brand);font-weight:900;letter-spacing:.04em;text-transform:uppercase}.hero h1{font-size:clamp(2rem,6vw,4.2rem);line-height:1;margin:12px 0}.hero p{max-width:850px;margin:12px auto;color:var(--muted);font-size:1.1rem}.cta{display:inline-block;margin:12px 8px;padding:12px 18px;border:1px solid var(--brand);border-radius:999px;color:#0f172a;background:var(--brand);font-weight:800;text-decoration:none}.cta.secondary{background:transparent;color:var(--brand)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{background:rgba(17,28,51,.88);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 12px 40px rgba(0,0,0,.18)}.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.stat{font-size:2rem;font-weight:900;color:var(--brand)}.muted{color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip{border:1px solid #35506f;color:#dbeafe;border-radius:999px;padding:6px 10px;font-size:.86rem;background:#0b1528}.search{width:100%;padding:14px 16px;border-radius:14px;border:1px solid #38506d;background:#08111f;color:var(--text);font-size:1rem;margin:14px 0 22px}.embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:#000}.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.kwcloud a{display:inline-block;margin:6px;padding:7px 11px;background:#15243d;border:1px solid #2e4868;border-radius:999px;text-decoration:none}.nav{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:18px}.nav a{color:#e0f2fe;text-decoration:none}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:24px;margin-top:30px}.notice{background:#1e293b;border-left:4px solid var(--brand);padding:14px;border-radius:10px}.small{font-size:.9rem}.rank{font-weight:900;color:var(--brand)}
