@font-face{font-family:V;font-weight:100 900;src:url(fonts/vazirmatn.woff2) format("woff2");font-display:swap;unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:V;font-weight:100 900;src:url(fonts/vazirmatn-latin.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
:root{--r:16px;--ease:cubic-bezier(.2,.8,.2,1)}
.th-home{--bg:#08050f;--bg2:#150f22;--card:#1a1228;--line:#2a1f40;--ac:#ff7a3d;--ac2:#c77dff;--on:#1a0a04;--glow:rgba(255,122,61,.45);--a1:rgba(255,100,40,.28);--a2:rgba(150,80,255,.3)}
.th-title{--bg:#04100f;--bg2:#0b1e20;--card:#0e2224;--line:#17302f;--ac:#2ee6c5;--ac2:#f5c26b;--on:#04100f;--glow:rgba(46,230,197,.4);--a1:rgba(46,230,197,.22);--a2:rgba(245,194,107,.2)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#f4f5f8;font:15px/1.9 V,Tahoma,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}
body::before{content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;opacity:.55;background:radial-gradient(40% 35% at 20% 25%,var(--a1),transparent 70%),radial-gradient(35% 30% at 80% 70%,var(--a2),transparent 70%);animation:aur 22s ease-in-out infinite alternate}
@keyframes aur{to{transform:translate3d(6%,5%,0) scale(1.15)}}
a{color:var(--ac);text-decoration:none}a:hover{color:#fff}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.skip{position:absolute;top:-60px;right:8px;background:var(--ac);color:var(--on);padding:8px 14px;border-radius:8px;z-index:99}.skip:focus{top:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* header */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:10px 24px;background:rgba(8,5,15,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);flex-wrap:wrap}
.th-title .top{background:rgba(4,16,15,.72)}
.logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px}
.mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--on);display:grid;place-items:center;font-weight:900;transition:transform .5s var(--ease)}
.logo:hover .mark{transform:rotate(-12deg) scale(1.1)}
.top nav{display:flex;gap:4px;flex:1}
.top nav a{color:#c3c8d6;padding:6px 14px;border-radius:99px;transition:background .2s,color .2s}
.top nav a:hover,.top nav a[aria-current]{background:rgba(255,255,255,.08);color:#fff}
.sf{display:flex;background:var(--card);border:1px solid var(--line);border-radius:99px;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.sf:focus-within{border-color:var(--ac);box-shadow:0 0 0 4px var(--glow)}
.sf input{background:none;border:0;color:#fff;padding:7px 16px;width:200px;font:inherit;outline:0}
.sf button{background:none;border:0;color:var(--ac);padding:0 14px;font-size:18px;cursor:pointer}
.btn{display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;font:inherit;font-weight:800;color:var(--on);background:linear-gradient(110deg,var(--ac),var(--ac2));background-size:200% 100%;padding:11px 24px;border-radius:12px;transition:transform .2s,box-shadow .25s,background-position .5s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px -8px var(--glow);background-position:100% 0;color:var(--on)}
.btn:active{transform:scale(.97)}
.btn.ghost{background:rgba(255,255,255,.08);color:#fff}.btn.ghost:hover{background:rgba(255,255,255,.16);color:#fff}
.btn.sm{padding:6px 16px;font-size:13px}
main{min-height:60vh}
/* hero */
.hero,.thero{position:relative;isolation:isolate;overflow:hidden;min-height:68vh;display:flex;align-items:flex-end}
.hbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:kb 18s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
.hero::after,.thero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--bg) 4%,transparent 60%),linear-gradient(270deg,rgba(0,0,0,.65),transparent 70%)}
.hin,.tin{padding:40px 24px;max-width:1280px;width:100%;margin:auto}
.hin{max-width:640px;margin-inline-start:max(24px,calc((100% - 1280px)/2))}
.hin>*,.tinfo>*{animation:up .7s var(--ease) both}
.hin>*:nth-child(2),.tinfo>*:nth-child(2){animation-delay:.08s}.hin>*:nth-child(3),.tinfo>*:nth-child(3){animation-delay:.16s}.hin>*:nth-child(4),.tinfo>*:nth-child(4){animation-delay:.24s}.tinfo>*:nth-child(5){animation-delay:.32s}
@keyframes up{from{opacity:0;transform:translateY(18px)}}
.tag{display:inline-block;background:linear-gradient(110deg,var(--ac),var(--ac2));color:var(--on);font-weight:800;font-size:12px;padding:3px 12px;border-radius:99px;animation:glow 2.4s infinite!important}
@keyframes glow{50%{box-shadow:0 0 18px var(--glow)}}
.hero h1{font-size:clamp(30px,5vw,56px);line-height:1.3;margin:10px 0}
.hero p{color:#d6d9e4;margin:0 0 18px}
.acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.inl{display:inline}
/* sections + cards */
.sec{max-width:1280px;margin:0 auto;padding:28px 24px}
.sh{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.sh h1,.sh h2{margin:0;font-size:22px;position:relative;padding-inline-start:14px}
.sh h1::before,.sh h2::before{content:"";position:absolute;inset-inline-start:0;top:20%;height:60%;width:4px;border-radius:4px;background:linear-gradient(var(--ac),var(--ac2))}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}
.card{display:flex;flex-direction:column;gap:6px;color:#fff;transition:transform .35s var(--ease)}
.card:hover{transform:translateY(-8px) rotate(-.6deg);color:#fff}
.pic{position:relative;aspect-ratio:2/3;border-radius:var(--r);overflow:hidden;background:var(--card);transition:box-shadow .35s}
.card:hover .pic{box-shadow:0 18px 40px -12px var(--glow)}
.pic img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.card:hover .pic img{transform:scale(1.08)}
.rt{position:absolute;top:8px;inset-inline-start:8px;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);color:var(--ac2);font-size:12px;font-style:normal;padding:1px 9px;border-radius:99px}
.ov{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 60%);opacity:0;transition:opacity .3s}
.ov b{background:linear-gradient(110deg,var(--ac),var(--ac2));color:var(--on);padding:5px 16px;border-radius:99px;font-size:13px;transform:translateY(10px);transition:transform .35s var(--ease)}
.card:hover .ov{opacity:1}.card:hover .ov b{transform:none}
.nm{font-weight:700;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.mt{color:#8188a0;font-size:12px}
@supports (animation-timeline:view()){.card,.eps li,.sh{animation:rev linear both;animation-timeline:view();animation-range:entry 0% entry 45%}}
@keyframes rev{from{opacity:0;translate:0 26px;scale:.97}}
/* title page */
.thero{min-height:70vh}
.trow{display:flex;gap:28px;align-items:flex-end;flex-wrap:wrap;margin-top:14px}
.tposter{width:200px;border-radius:var(--r);box-shadow:0 20px 50px -10px rgba(0,0,0,.7);animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-8px) rotate(.6deg)}}
.tinfo{flex:1;min-width:260px}.tinfo h1{margin:0;font-size:clamp(26px,4vw,44px);line-height:1.3}.tinfo h1 small{color:var(--ac2);font-weight:400}
.ot{color:#8188a0;font-size:14px}
.meta{display:flex;gap:16px;color:#c3c8d6;flex-wrap:wrap;margin:8px 0}.rate{color:var(--ac2);font-weight:800}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.chip{border:1px solid var(--line);background:var(--card);color:#c3c8d6;padding:2px 14px;border-radius:99px;font-size:13px;transition:border-color .2s,transform .2s}
.chip:hover{border-color:var(--ac);color:#fff;transform:translateY(-2px)}
.syn{max-width:820px;color:#d6d9e4}
.eps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.eps a{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;color:#fff;transition:border-color .25s,transform .25s,background .25s}
.eps a:hover,.eps a[aria-current]{border-color:var(--ac);transform:translateX(-4px);background:var(--bg2)}
.eps span{color:#8188a0;font-size:13px}
.vid video{width:100%;max-height:78vh;background:#000;border-radius:var(--r);box-shadow:0 20px 60px -20px var(--glow)}
.crumbs ol{list-style:none;display:flex;gap:6px;margin:0 0 6px;padding:0;font-size:13px;color:#8188a0;flex-wrap:wrap}
.crumbs li+li::before{content:"‹";margin-inline-end:6px}.crumbs{padding:6px 24px 0;max-width:1280px;margin:auto}.tin .crumbs{padding:0}
.pager{display:flex;gap:6px;justify-content:center;margin-top:26px}
.pager a,.pager span{min-width:38px;text-align:center;padding:5px 10px;border-radius:10px;background:var(--card);border:1px solid var(--line);color:#fff}
.pager span{background:linear-gradient(110deg,var(--ac),var(--ac2));color:var(--on);font-weight:800}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
input,select,textarea{font:inherit}
.filters input,.filters select,.acard input{background:var(--card);border:1px solid var(--line);color:#fff;border-radius:12px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}
.filters input:focus,.filters select:focus,.acard input:focus{border-color:var(--ac);box-shadow:0 0 0 4px var(--glow);outline:0}
.empty,.nf{text-align:center;color:#8188a0;padding:50px 0}.nf h1{font-size:90px;margin:0;background:linear-gradient(110deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.authbox{display:grid;place-items:center;min-height:70vh;padding:24px}
.acard{width:380px;max-width:100%;background:rgba(26,18,40,.7);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:20px;padding:30px;animation:up .6s var(--ease) both}
.acard h1{margin:0 0 14px}.acard label{display:block;margin-bottom:12px;color:#c3c8d6;font-size:13px}.acard input{display:block;width:100%;margin-top:4px}.acard .btn{width:100%;justify-content:center;margin-top:6px}
.err{background:rgba(255,92,122,.12);color:#ff8fa3;border-radius:10px;padding:8px 12px}
.foot{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;max-width:1280px;margin:40px auto 0;padding:26px 24px;border-top:1px solid var(--line);color:#8188a0}
.foot p{margin:0}.foot nav{display:flex;gap:16px}
@media (max-width:700px){.sf{order:5;width:100%}.sf input{flex:1;width:auto}.top nav{order:4;width:100%;overflow-x:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.hero{min-height:56vh}.tposter{width:130px}}
@media (prefers-reduced-motion:reduce){*,::before,::after{animation:none!important;transition:none!important;scroll-behavior:auto}}
.syn h2,.syn h3,.syn h4{margin:1em 0 .4em}.syn ul,.syn ol{padding-inline-start:22px}.syn blockquote{border-inline-start:4px solid var(--ac);margin:1em 0;padding:2px 16px;color:#c3c8d6}.syn a{text-decoration:underline}
.meta .q{border:1px solid var(--ac);color:var(--ac);border-radius:6px;padding:0 8px;font-size:12px;font-weight:700}
.chips.tags{margin-top:14px}
.ok{background:rgba(25,194,138,.15);color:#5ee0b0;border-radius:10px;padding:8px 12px}
.qsel{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px;color:#c3c8d6}.qsel .chip{cursor:pointer;font:inherit}.qsel .chip.on{border-color:var(--ac);color:#fff;background:linear-gradient(110deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:2px 16px;transition:border-color .25s}.faq details[open]{border-color:var(--ac)}
.faq summary{cursor:pointer;padding:12px 0;font-weight:700;list-style:none}.faq summary::after{content:"+";float:left;color:var(--ac);font-size:20px;transition:transform .25s}.faq details[open] summary::after{transform:rotate(45deg)}.faq p{margin:0 0 14px;color:#c3c8d6}
/* full titles: never cut with an ellipsis */
.nm{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible;white-space:normal;word-break:normal;overflow-wrap:anywhere;line-height:1.6}
.tframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r);background:#000;box-shadow:0 20px 60px -20px var(--glow)}
.cb{position:absolute;bottom:8px;inset-inline-start:8px;background:linear-gradient(110deg,var(--ac),var(--ac2));color:var(--on);font-size:11px;font-weight:800;font-style:normal;padding:0 9px;border-radius:99px;z-index:2}.chip.cat{border-color:var(--ac2);color:#fff}