:root{color-scheme:dark;--bg:#07070b;--panel:#111118;--text:#f7f7fb;--muted:#b9b9c7;--accent:#8d5cff;--line:#292936}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 15% 0,#23173d 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit}.wrap{width:min(1100px,calc(100% - 32px));margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.08em}.brand img{width:45px;height:45px;object-fit:contain}.home{color:var(--muted);text-decoration:none}.hero{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:44px;padding:48px 0 34px}.poster{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:20px;background:#171721;box-shadow:0 25px 70px #0008}.kicker{color:#bca7ff;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}h1{font-size:clamp(2.1rem,5vw,4.4rem);line-height:.98;margin:10px 0 14px}.meta{color:var(--muted);font-weight:700;margin-bottom:22px}.desc{font-size:1.15rem;line-height:1.7;color:#e0e0e8;max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;text-decoration:none;border-radius:999px;padding:13px 20px;font-weight:800}.primary{background:#fff;color:#0a0a0d}.secondary{border:1px solid var(--line);background:#16161f}.note{background:linear-gradient(180deg,#14141d,#0f0f16);border:1px solid var(--line);border-radius:18px;padding:22px;margin:16px 0 44px}.note h2,.related h2{margin-top:0}.note p{color:var(--muted);line-height:1.65}.related{padding:0 0 54px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{display:block;text-decoration:none;background:#111118;border:1px solid var(--line);border-radius:14px;overflow:hidden}.card img{width:100%;aspect-ratio:2/3;object-fit:cover;background:#171721}.card div{padding:12px}.card strong{display:block}.card span{color:var(--muted);font-size:.9rem}.foot{border-top:1px solid var(--line);color:var(--muted);padding:26px 0 46px;font-size:.9rem}.foot a{margin-right:16px;color:var(--muted)}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:24px;padding-top:28px}.poster{max-width:300px}.grid{grid-template-columns:repeat(2,1fr)}.top{padding:16px 0}h1{font-size:2.5rem}}