@import url('https://fonts.googleapis.com/css2?family=Kantumruy+Pro:wght@400;500;600;700&display=swap');
:root{--bg:#09090b;--panel:#121216;--panel2:#18181d;--text:#f5f5f5;--muted:#a1a1aa;--accent:#ff315c;--line:#27272d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Kantumruy Pro",Arial,sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.header{position:sticky;top:0;z-index:20;background:rgba(9,9,11,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;gap:34px}.brand{font-size:25px;font-weight:700;letter-spacing:-1px}.brand span{color:var(--accent)}nav{display:flex;gap:25px;flex:1}nav a{color:#b7b7bf;font-size:14px}nav a:hover,nav a.active{color:#fff}.search-btn{border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:12px;width:40px;height:40px;font-size:24px;cursor:pointer}.search-wrap{display:none;border-top:1px solid var(--line);padding:12px 0}.search-wrap.show{display:block}.search-wrap input{width:100%;background:#111116;border:1px solid #303039;color:#fff;padding:14px 16px;border-radius:12px;outline:none}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;padding:78px 0 55px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700;margin:0 0 10px}h1{font-size:clamp(42px,6vw,72px);line-height:1.12;margin:0 0 22px;letter-spacing:-2px}h1 span{color:#b8b8c0}.hero-text{color:var(--muted);font-size:16px;line-height:1.8;max-width:590px}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn{padding:13px 19px;border-radius:12px;font-weight:700;font-size:14px}.primary{background:var(--accent);color:#fff}.ghost{border:1px solid var(--line);background:var(--panel);color:#eee}.hero-poster{height:410px;border-radius:22px;overflow:hidden;position:relative;background:radial-gradient(circle at 70% 25%,#733247 0,#291923 34%,#111116 72%);border:1px solid #2d2d35;box-shadow:0 25px 70px rgba(0,0,0,.5);background-size:cover;background-position:center}.hero-poster.has-image .poster-art{display:none}.hero-poster.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.86))}.poster-badge{position:absolute;z-index:2;top:20px;left:20px;background:var(--accent);padding:6px 9px;border-radius:7px;font-size:10px;font-weight:700}.poster-art{position:absolute;inset:70px 0 85px;display:grid;place-content:center;text-align:center;font-size:62px;line-height:.88;font-weight:700;letter-spacing:-3px;opacity:.92}.poster-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:25px;background:linear-gradient(transparent,rgba(0,0,0,.9))}.poster-bottom strong,.poster-bottom small{display:block}.poster-bottom small{color:#bbb;margin-top:4px}
.section{padding:38px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-head h2{font-size:28px;margin:0}.count{color:var(--muted);font-size:13px}.grid,.horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.2s;cursor:pointer}.card:hover{transform:translateY(-4px);border-color:#40404a}.thumb{aspect-ratio:16/10;position:relative;display:flex;align-items:end;padding:12px;background:linear-gradient(135deg,#30202b,#15151b 55%,#512538);overflow:hidden}.horizontal .thumb{aspect-ratio:1/1.15}.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.78))}.mini-title{position:relative;z-index:2;font-size:24px;font-weight:700;line-height:1.1;text-shadow:0 3px 12px #000}.badge{position:absolute;z-index:3;top:10px;right:10px;background:rgba(0,0,0,.7);padding:5px 8px;border-radius:6px;font-size:10px}.card-body{padding:13px}.card-title{font-size:15px;font-weight:700;line-height:1.45}.meta{color:var(--muted);font-size:12px;margin-top:6px}.categories{display:flex;flex-wrap:wrap;gap:10px}.categories button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:#ddd;padding:10px 16px;border-radius:999px;font-family:inherit}.categories button:hover,.categories button.selected{background:var(--accent);border-color:var(--accent);color:#fff}.empty{grid-column:1/-1;text-align:center;padding:50px;color:var(--muted)}
footer{border-top:1px solid var(--line);margin-top:60px;padding:35px 0 18px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-inner p{font-size:12px}.footer-links{display:flex;gap:20px;font-size:12px}.copyright{text-align:center;border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:11px}
.watch{padding:45px 0}.player{background:#000;border:1px solid #29292f;border-radius:16px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}.player iframe,.player video{width:100%;height:100%;border:0}.player-empty{text-align:center;color:#888;padding:25px}.watch-info{padding:22px 0}.back{color:#aaa;font-size:13px}.watch-title{font-size:34px;margin:12px 0}.episodes{display:flex;flex-wrap:wrap;gap:8px}.ep{background:#18181d;border:1px solid #303039;color:#fff;border-radius:9px;padding:10px 14px;cursor:pointer;font-family:inherit}.ep.active{background:var(--accent);border-color:var(--accent)}
@media(max-width:800px){.nav{gap:16px}nav{display:none}.hero{grid-template-columns:1fr;gap:28px;padding-top:45px}.hero-poster{height:320px}.grid,.horizontal{grid-template-columns:repeat(2,1fr);gap:12px}h1{font-size:45px}.footer-inner{flex-direction:column}.footer-links{flex-wrap:wrap}}@media(max-width:480px){.card-title{font-size:13px}.hero-actions{flex-direction:column}.btn{text-align:center}.poster-art{font-size:48px}}