/* 🎞 /animation */
.an-body{background:#07060d;color:#efeaff}
.an-hero{position:relative;height:min(78vh,640px);min-height:440px;overflow:hidden;background:#000}
.an-s{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
.an-s.on{opacity:1;pointer-events:auto}
.an-bg{position:absolute;inset:-3%;background:center 30%/cover no-repeat;transform:scale(1.04)}
.an-s.on .an-bg{animation:anKen 9s ease-out forwards}
@keyframes anKen{from{transform:scale(1.14) translateX(1.5%)}to{transform:scale(1.03)}}
.an-s::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,rgba(7,6,13,.55) 62%,rgba(7,6,13,.92)),linear-gradient(0deg,#07060d 2%,rgba(7,6,13,.2) 45%,transparent 70%)}
.an-c{position:absolute;inset:auto 0 70px 0;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px}
.an-c>*{max-width:520px;margin-inline-start:0}
.an-c small{display:block;color:#b9a8ff;font:700 12.5px Vazirmatn,sans-serif;letter-spacing:.3px}
.an-c h1{margin:6px 0 2px;font:400 clamp(34px,6vw,64px)/1.1 Lalezar,Vazirmatn,sans-serif;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.an-c .en{display:block;direction:ltr;text-align:right;color:#cfc6ef;font:600 13px/1.6 Vazirmatn,sans-serif;opacity:.8}
.an-c p{margin:10px 0 12px;color:#e2dcf6;font:400 14px/1.9 Vazirmatn,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.an-g{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.an-g i{font:700 11.5px Vazirmatn,sans-serif;font-style:normal;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.an-s.on .an-c>*{animation:anUp .8s cubic-bezier(.2,.8,.2,1) both}.an-s.on .an-c>*:nth-child(2){animation-delay:.08s}.an-s.on .an-c>*:nth-child(3){animation-delay:.14s}.an-s.on .an-c>*:nth-child(4){animation-delay:.2s}.an-s.on .an-c>*:nth-child(n+5){animation-delay:.26s}
@keyframes anUp{from{opacity:0;transform:translateY(16px)}}
.an-dots{position:absolute;left:0;right:0;bottom:26px;z-index:3;display:flex;justify-content:center;gap:8px}
.an-dots button{width:34px;height:4px;padding:0;border:0;border-radius:4px;background:rgba(255,255,255,.22);cursor:pointer;overflow:hidden}
.an-dots button span{display:block;height:100%;width:0;background:#b9a8ff}
.an-dots button.on span{animation:anBar 7s linear forwards}
@keyframes anBar{to{width:100%}}
.an-in{padding:10px 20px 40px}
.an-row{margin:30px 0}
.an-row header h2{margin:0;font:800 20px Vazirmatn,sans-serif;color:#fff}
.an-row header p{margin:4px 0 0;color:#a69fc2;font-size:13px}
.an-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 14px;margin-top:14px}
.an-p{display:block;color:inherit;text-decoration:none;animation:anUp .6s both;animation-delay:var(--d)}
.an-pi{position:relative;display:block;aspect-ratio:2/3;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#1c1530,#0e0a18);box-shadow:0 10px 30px -12px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .25s,box-shadow .25s}
.an-pi img{width:100%;height:100%;object-fit:cover;display:block}
.an-p:hover .an-pi{transform:translateY(-4px);box-shadow:0 16px 36px -12px rgba(124,92,255,.55),inset 0 0 0 1px rgba(185,168,255,.5)}
.an-pi em{position:absolute;top:8px;left:8px;font:800 12px Vazirmatn,sans-serif;font-style:normal;padding:2px 8px;border-radius:8px;background:rgba(0,0,0,.65);color:#ffd36b}
.an-pi .live{position:absolute;bottom:8px;right:8px;font:700 11px Vazirmatn,sans-serif;font-style:normal;padding:2px 8px;border-radius:8px;background:#e5484d;color:#fff}
.an-p b{display:block;margin-top:8px;font:700 13.5px/1.5 Vazirmatn,sans-serif;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.an-p small{display:block;color:#a69fc2;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.an-empty{min-height:60vh;display:grid;place-content:center;text-align:center;padding:100px 20px}.an-empty h1{font:400 44px Lalezar,Vazirmatn,sans-serif;margin:0}
@media (max-width:700px){.an-hero{height:72vh;min-height:420px}.an-c{bottom:60px}.an-c p{-webkit-line-clamp:3;font-size:13px}.an-grid{grid-template-columns:repeat(3,1fr);gap:12px 10px}.an-p b{font-size:12.5px}}
html.lite .an-s.on .an-bg,html.lite .an-p{animation:none}
:root[data-theme="light"] .an-body{background:#07060d}
.an-credit{margin:40px 0 0;color:#8a83a6;font-size:11.5px;line-height:1.9;text-align:center}.an-credit a{color:#b9a8ff}