:root{--bg:#0c0f1a;--panel:#151a2b;--muted:#a9b0c3;--text:#f7f8ff;--brand:#ff3d6e;--line:#262d45}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#090b12,#13182a 45%,#0a0d17);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 5vw;background:rgba(12,15,26,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand small{display:block;color:var(--muted);font-size:12px}.logo{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--brand);font-weight:900;font-size:22px}.top nav{display:flex;gap:18px;color:#d8dcff}.top nav a:hover{color:white}main{width:min(1200px,92vw);margin:auto}.hero{display:grid;grid-template-columns:1fr 260px;gap:30px;align-items:center;padding:70px 0 45px}.hero.small{display:block;padding:45px 0 25px}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1;margin:12px 0}.hero p{color:var(--muted);font-size:18px;max-width:730px}.badge{display:inline-block;padding:8px 12px;border:1px solid #ff7b9d55;background:#ff3d6e22;border-radius:999px;color:#ffd6df;font-weight:700;font-size:13px}.stats{background:linear-gradient(160deg,#202842,#111626);border:1px solid var(--line);padding:30px;border-radius:28px;text-align:center;box-shadow:0 24px 60px #0006}.stats b{font-size:60px;display:block}.stats span{color:var(--muted)}.search{display:flex;gap:10px;margin-top:26px}.search input{flex:1;min-width:0;padding:15px 16px;border-radius:14px;border:1px solid var(--line);background:#0d1120;color:white}.search button,.btn{border:0;background:var(--brand);color:white;font-weight:800;padding:14px 18px;border-radius:14px;display:inline-block}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:18px 0 44px}.card{background:rgba(21,26,43,.86);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#ff3d6e77}.card img{width:100%;aspect-ratio:5/7;object-fit:cover;background:#111}.cardbody{padding:15px}.card h3{font-size:18px;margin:0 0 8px}.card p{color:var(--muted);font-size:14px}.jp{color:#ffc1d0!important}.big{font-size:22px!important}.detail{display:grid;grid-template-columns:310px 1fr;gap:30px;padding:45px 0}.cover img{width:100%;border-radius:24px;border:1px solid var(--line);box-shadow:0 25px 70px #0007}.info h1{font-size:clamp(34px,5vw,58px);margin:10px 0}.info p{line-height:1.75;color:#dce1f5}.meta{display:flex;flex-wrap:wrap;gap:10px}.meta span{padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:999px}.chapters{margin-bottom:50px}.chapter{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;margin:9px 0;background:var(--panel);border:1px solid var(--line);border-radius:16px}.chapter:hover{border-color:#ff3d6e}.chapter b{color:#ff84a2}.watch{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center;margin:55px 0;background:rgba(21,26,43,.85);border:1px solid var(--line);border-radius:28px;padding:28px}.watch img{width:100%;border-radius:20px}.foot{border-top:1px solid var(--line);padding:30px 5vw;color:var(--muted);text-align:center}@media(max-width:900px){.hero,.detail,.watch{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.top{align-items:flex-start;flex-direction:column}.top nav{flex-wrap:wrap}.stats{display:none}}@media(max-width:520px){.grid{grid-template-columns:1fr}.search{flex-direction:column}.hero{padding-top:35px}.chapter{align-items:flex-start;flex-direction:column}.detail{padding-top:25px}}