@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0b10;--panel:#14141c;--panel2:#1b1a24;--text:#f7f7fa;--muted:#a9a7b4;--line:#292733;--accent:#ff3d68;--accent2:#8b5cf6;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0%,#21152a 0,#0b0b10 32%);color:var(--text);font-family:'Cairo',system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(11,11,16,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:800;white-space:nowrap}.brand>span:last-child span{color:var(--accent)}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;font-weight:800}.main-nav{display:flex;align-items:center;gap:25px;color:var(--muted);font-size:14px}.main-nav a:hover,.main-nav .active{color:#fff}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:600px;display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;align-items:center;gap:28px;padding:55px 0 45px}.hero-copy{max-width:760px}.eyebrow{display:inline-block;color:#ff7894;font-size:13px;font-weight:700;letter-spacing:.2px;margin-bottom:7px}.hero h1{font-size:clamp(38px,5vw,65px);line-height:1.15;margin:5px 0 20px;letter-spacing:-1.5px}.hero h1 span{display:block;background:linear-gradient(90deg,#fff,#ff6b89);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:620px;margin:0 auto;color:var(--muted);font-size:17px}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;border-radius:12px;font-weight:700;font-size:14px}.btn-primary{background:linear-gradient(135deg,var(--accent),#ff6658);box-shadow:0 12px 30px rgba(255,61,104,.18)}.btn-ghost{border:1px solid var(--line);background:#15151d}.hero-poster{width:min(520px,100%);height:480px;border-radius:26px;overflow:hidden;position:relative;display:block;box-shadow:0 30px 80px rgba(0,0,0,.45);background:linear-gradient(140deg,#30203e 0%,#101018 48%,#571c32 100%);transition:transform .2s,box-shadow .2s}.hero-poster:hover{transform:translateY(-5px);box-shadow:0 35px 90px rgba(255,61,104,.2)}.hero-poster:before{content:'';position:absolute;width:220px;height:420px;right:18%;bottom:-80px;border-radius:50% 50% 10% 10%;background:linear-gradient(90deg,#11111a,#6c354d,#17131e);filter:blur(.5px)}.hero-poster:after{content:'◈';position:absolute;top:18%;left:17%;font-size:110px;color:rgba(255,255,255,.07)}.poster-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.8))}.poster-badge{position:absolute;top:20px;right:20px;padding:7px 11px;border-radius:30px;background:rgba(255,61,104,.9);font-size:12px;font-weight:700}.poster-info{position:absolute;bottom:25px;right:25px;left:25px;display:flex;flex-direction:column;text-align:right}.poster-info small,.poster-info span{color:#c8c4d0}.poster-info strong{font-size:30px;margin:4px 0}.section{padding:65px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-head h2{margin:0;font-size:28px}.section-link{color:#ff708d;font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category-card{background:linear-gradient(145deg,#181720,#111118);border:1px solid var(--line);border-radius:18px;padding:20px;transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:#454151}.category-card span{font-size:28px;display:block;margin-bottom:14px}.category-card strong,.category-card small{display:block}.category-card small{color:var(--muted);font-size:12px;margin-top:3px}.episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.episode-card{overflow:hidden;border:1px solid var(--line);background:var(--panel);border-radius:18px}.thumb{height:220px;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;padding:14px}.thumb span{background:rgba(0,0,0,.7);padding:4px 8px;border-radius:7px;font-size:11px;font-weight:700}.thumb:after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#17131d;font-size:15px}.thumb-1{background:linear-gradient(145deg,#321d3b,#b13b56)}.thumb-2{background:linear-gradient(145deg,#181b2d,#a74b2f)}.thumb-3{background:linear-gradient(145deg,#3b1f34,#744f91)}.thumb-4{background:linear-gradient(145deg,#101f2d,#286e72)}.card-body{padding:15px}.tag{font-size:11px;color:#ff7894}.card-body h3{margin:3px 0;font-size:18px}.card-body p{color:var(--muted);font-size:12px;margin:0 0 10px}.card-body a{font-size:12px;color:#fff;font-weight:700}.feature{margin-bottom:70px;padding:35px 40px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(100deg,#1c1724,#111119);display:flex;align-items:center;justify-content:space-between;gap:25px}.feature h2{margin:0 0 7px;font-size:27px}.feature p{color:var(--muted);margin:0}.site-footer{border-top:1px solid var(--line);padding:35px 0 20px;color:var(--muted)}.footer-wrap{display:flex;justify-content:space-between;gap:30px}.footer-wrap p{font-size:12px}.footer-links{display:flex;gap:20px;align-items:center;font-size:12px}.copyright{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;font-size:11px}.nav-open .main-nav{display:flex}@media(max-width:900px){.category-grid{grid-template-columns:repeat(3,1fr)}.episode-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.container{width:min(var(--max),calc(100% - 22px))}.main-nav{display:none;position:absolute;top:72px;right:0;left:0;background:#0d0d13;padding:16px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.main-nav a{padding:9px 12px}.menu-btn{display:block}.hero{min-height:auto;padding-top:35px}.hero h1{font-size:40px}.hero-copy>p{font-size:15px}.hero-poster{height:350px}.category-grid{grid-template-columns:repeat(2,1fr)}.episode-grid{grid-template-columns:1fr 1fr;gap:10px}.thumb{height:165px}.card-body h3{font-size:15px}.feature{padding:25px;display:block}.feature .btn{margin-top:18px}.footer-wrap{display:block}.footer-links{margin-top:20px;flex-wrap:wrap}}