#sprog{position:fixed;top:0;inset-inline:0;height:3px;z-index:7500;background:linear-gradient(90deg,var(--orange),var(--navy3));transform-origin:right;transform:scaleX(0);transition:transform .1s linear;}

.bcrumb-wrap{padding:130px 0 18px;position:relative;}

.bcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--txt3);animation:fadeUp .7s var(--ease) both;}

.bcrumb a{color:var(--txt2);text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s;}

.bcrumb a:hover{color:var(--orange);}

.bcrumb svg{width:14px;height:14px;}

.bcrumb .sep{color:var(--txt3);font-size:11px;opacity:.6;}

.bcrumb .cur{color:var(--orange);font-weight:700;}

#bhero{position:relative;overflow:hidden;padding:26px 0 70px;}

.bhero-geo{position:absolute;inset:0;pointer-events:none;overflow:hidden;}

.geo-circle{position:absolute;left:6%;top:6%;width:340px;height:340px;border-radius:50%;border:1.5px solid rgba(232,90,44,.1);animation:geoSpin 28s linear infinite;}

.geo-circle::before{content:"";position:absolute;inset:26px;border-radius:50%;border:1.5px dashed rgba(30,42,110,.35);animation:geoSpin 20s linear infinite reverse;}

[data-theme="light"] .geo-circle::before{border-color:rgba(30,42,110,.18);}

.geo-square{position:absolute;left:12%;top:22%;width:110px;height:110px;border-radius:22px;background:rgba(232,90,44,.06);border:1.5px solid rgba(232,90,44,.14);animation:geoFloat 6s ease-in-out infinite;transform:rotate(18deg);}

.geo-tri{position:absolute;right:8%;bottom:10%;width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:104px solid rgba(30,42,110,.1);animation:geoFloat 7s ease-in-out infinite reverse;filter:drop-shadow(0 0 30px rgba(232,90,44,.05));}

@keyframes geoSpin{from{transform:rotate(0);}to{transform:rotate(360deg);}}

@keyframes geoFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-18px);}}

.bhero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(232,90,44,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(232,90,44,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 70% at 60% 30%,black 40%,transparent 100%);}

.bhero-inner{position:relative;z-index:2;text-align:center;}

.bhero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:22px;animation:fadeUp .8s var(--ease) both;}

.bhero-eyebrow-bar{width:28px;height:1.5px;background:var(--orange);}

.bh1{font-size:clamp(38px,6vw,74px);font-weight:900;line-height:1.06;letter-spacing:-2px;color:var(--txt);margin-bottom:20px;animation:fadeUp .9s .06s var(--ease) both;}

.bhero-sub{font-size:16.5px;color:var(--txt2);line-height:1.9;max-width:560px;margin:0 auto 42px;animation:fadeUp 1s .14s var(--ease) both;}

.bh-search{max-width:560px;margin:0 auto;animation:fadeUp 1s .2s var(--ease) both;}

.bh-search-box{display:flex;align-items:center;gap:10px;background:var(--card);border:1.5px solid var(--border);border-radius:100px;padding:7px 8px 7px 24px;backdrop-filter:blur(14px);transition:border-color .25s,box-shadow .25s;}

.bh-search-box:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px rgba(232,90,44,.1);}

.bh-search-box input{flex:1;border:none;background:transparent;outline:none;font-family:"Vazirmatn",sans-serif;font-size:14.5px;color:var(--txt);padding:9px 0;}

.bh-search-box input::placeholder{color:var(--txt3);}

.bh-search-box svg{width:18px;height:18px;color:var(--txt3);flex-shrink:0;}

.bh-search-btn{flex-shrink:0;background:linear-gradient(90deg,var(--orange),var(--navy3));color:#fff;border:none;border-radius:100px;padding:12px 26px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:"Vazirmatn",sans-serif;transition:all .25s;}

.bh-search-btn:hover{box-shadow:0 8px 24px rgba(232,90,44,.4);transform:translateY(-1px);}

.bh-stats{display:flex;gap:38px;justify-content:center;margin-top:46px;flex-wrap:wrap;animation:fadeUp 1s .26s var(--ease) both;}

.bh-stat{text-align:center;}

.bh-stat b{display:block;font-size:26px;font-weight:900;background:linear-gradient(90deg,var(--orange),#FF8C5A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

.bh-stat span{font-size:12px;color:var(--txt2);}

.cat-strip{padding:0 0 60px;}

.cat-scroll{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}

.pf-btn{font-family:"Vazirmatn",sans-serif;background:var(--surface);border:1.5px solid var(--border);color:var(--txt2);font-size:13px;font-weight:700;padding:10px 22px;border-radius:100px;cursor:pointer;transition:all .25s var(--ease);display:flex;align-items:center;gap:8px;white-space:nowrap;}

.pf-btn .cnt{font-size:10.5px;opacity:.6;background:var(--border);padding:1px 7px;border-radius:100px;}

.pf-btn:hover{border-color:rgba(232,90,44,.4);color:var(--txt);}

.pf-btn.active{background:linear-gradient(90deg,var(--orange),var(--navy3));border-color:transparent;color:#fff;box-shadow:0 8px 22px rgba(232,90,44,.35);}

.pf-btn.active .cnt{background:rgba(255,255,255,.22);}

.s-feat{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}

.feat-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;}

.feat-main{position:relative;border-radius:26px;overflow:hidden;border:1px solid var(--border);min-height:460px;display:flex;align-items:flex-end;text-decoration:none;perspective:1200px;transform-style:preserve-3d;transition:transform .5s var(--ease);}

.feat-main:hover{transform:translateY(-6px);}

.feat-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .9s var(--ease);}

.feat-main:hover .feat-img{transform:scale(1.07);}

.feat-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,24,.96) 5%,rgba(8,12,24,.5) 55%,rgba(8,12,24,.1) 100%);}

.feat-body{position:relative;z-index:2;padding:42px;width:100%;}

.feat-cat{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,var(--orange),var(--orange3));padding:6px 16px;border-radius:100px;margin-bottom:16px;}

.feat-title{font-size:clamp(22px,2.6vw,32px);font-weight:900;color:#fff;line-height:1.32;margin-bottom:14px;max-width:560px;}

.feat-desc{font-size:14px;color:rgba(255,255,255,.66);line-height:1.8;max-width:520px;margin-bottom:20px;}

.feat-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}

.fm-auth{display:flex;align-items:center;gap:9px;}

.fm-av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--navy3));display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;color:#fff;flex-shrink:0;}

.fm-name{font-size:12.5px;font-weight:700;color:#fff;}

.fm-sub{font-size:11px;color:rgba(255,255,255,.5);}

.fm-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.35);}

.feat-side{display:flex;flex-direction:column;gap:20px;}

.feat-sub-card{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--border);flex:1;text-decoration:none;display:flex;align-items:flex-end;min-height:216px;}

.feat-sub-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s var(--ease);}

.feat-sub-card:hover .feat-sub-img{transform:scale(1.08);}

.feat-sub-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,24,.94) 15%,rgba(8,12,24,.3) 70%,transparent 100%);}

.feat-sub-body{position:relative;z-index:2;padding:22px;width:100%;}

.fsub-cat{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--orange2);margin-bottom:8px;}

.fsub-title{font-size:15.5px;font-weight:800;color:#fff;line-height:1.4;}

.s-grid{background:var(--bg);}

.grid-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;flex-wrap:wrap;gap:18px;}

.grid-count{font-size:13.5px;color:var(--txt2);}

.grid-count b{color:var(--orange);}

.sort-wrap{position:relative;}

.sort-sel{font-family:"Vazirmatn",sans-serif;background:var(--surface);border:1.5px solid var(--border);color:var(--txt2);font-size:13px;font-weight:600;padding:10px 18px;border-radius:100px;cursor:pointer;outline:none;}

.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}

.art-card{background:var(--card);border:1px solid var(--border);border-radius:22px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .45s var(--ease),box-shadow .45s,border-color .3s;position:relative;transform-style:preserve-3d;}

.art-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 26px 60px var(--sh);border-color:rgba(232,90,44,.25);}

.art-thumb{position:relative;aspect-ratio:16/10.5;overflow:hidden;}

.art-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease),filter .5s;filter:saturate(.94);}

.art-card:hover .art-thumb img{transform:scale(1.1);filter:saturate(1.08);}

.art-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,24,.5),transparent 40%);opacity:0;transition:opacity .4s;}

.art-card:hover .art-thumb::after{opacity:1;}

.art-cat{position:absolute;top:16px;right:16px;z-index:2;font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#fff;background:rgba(8,12,24,.55);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:6px 14px;border-radius:100px;}

.art-bookmark{position:absolute;top:16px;left:16px;z-index:2;width:32px;height:32px;border-radius:50%;background:rgba(8,12,24,.55);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:translateY(-6px);transition:all .3s;}

.art-card:hover .art-bookmark{opacity:1;transform:translateY(0);}

.art-bookmark svg{width:14px;height:14px;}

.art-body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1;}

.art-meta-top{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--txt3);margin-bottom:12px;}

.art-meta-top .dot{width:3px;height:3px;border-radius:50%;background:var(--txt3);}

.art-title{font-size:17.5px;font-weight:800;color:var(--txt);line-height:1.48;margin-bottom:10px;transition:color .25s;}

.art-card:hover .art-title{color:var(--orange);}

.art-desc{font-size:13px;color:var(--txt2);line-height:1.78;margin-bottom:20px;flex:1;}

.art-foot{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border);}

.art-auth{display:flex;align-items:center;gap:9px;}

.art-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--navy3));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0;}

.art-auth-name{font-size:12px;font-weight:700;color:var(--txt);}

.art-read{width:32px;height:32px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--txt3);transition:all .3s;flex-shrink:0;}

.art-card:hover .art-read{background:var(--orange);color:#fff;transform:rotate(-45deg);}

.pag-wrap{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:66px;flex-wrap:wrap;}

.pag-btn{width:42px;height:42px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--txt2);display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .25s;font-family:"Vazirmatn",sans-serif;}

.pag-btn:hover{border-color:var(--orange);color:var(--txt);}

.pag-btn.active{background:linear-gradient(135deg,var(--orange),var(--navy3));border-color:transparent;color:#fff;box-shadow:0 8px 22px rgba(232,90,44,.35);}

.pag-btn.nav-p{width:auto;padding:0 18px;gap:8px;}

.pag-dots{color:var(--txt3);font-size:13px;padding:0 4px;}

.s-nl{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(232,90,44,.1),rgba(30,42,110,.14));border-top:1px solid var(--border);border-bottom:1px solid var(--border);}

.nl-pattern{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(232,90,44,.2) 1.5px,transparent 1.5px);background-size:26px 26px;mask-image:radial-gradient(ellipse 60% 100% at 50% 50%,black,transparent 90%);}

.nl-inner{position:relative;z-index:1;text-align:center;padding:90px 0;}

.nl-ico{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--orange),var(--navy3));display:flex;align-items:center;justify-content:center;margin:0 auto 26px;box-shadow:0 14px 40px rgba(232,90,44,.35);transform:rotate(-8deg);transition:transform .4s var(--ease);}

.s-nl:hover .nl-ico{transform:rotate(0deg) scale(1.05);}

.nl-ico svg{width:28px;height:28px;color:#fff;}

.nl-h{font-size:clamp(26px,3.6vw,42px);font-weight:900;letter-spacing:-1px;color:var(--txt);margin-bottom:14px;}

.nl-sub{font-size:15.5px;color:var(--txt2);max-width:460px;margin:0 auto 34px;line-height:1.85;}

.nl-form{display:flex;gap:10px;max-width:460px;margin:0 auto;background:var(--card);border:1.5px solid var(--border);border-radius:100px;padding:6px 6px 6px 22px;backdrop-filter:blur(14px);}

.nl-form input{flex:1;border:none;background:transparent;outline:none;font-family:"Vazirmatn",sans-serif;font-size:14px;color:var(--txt);direction:ltr;text-align:right;}

.nl-form input::placeholder{color:var(--txt3);}

.nl-form button{flex-shrink:0;background:linear-gradient(90deg,var(--orange),var(--navy3));color:#fff;border:none;border-radius:100px;padding:13px 26px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:"Vazirmatn",sans-serif;transition:all .25s;}

.nl-form button:hover{box-shadow:0 8px 24px rgba(232,90,44,.4);}

.nl-note{font-size:11.5px;color:var(--txt3);margin-top:16px;}

@media(max-width:1040px){
.feat-grid{grid-template-columns:1fr;}
.feat-side{flex-direction:row;}
.art-grid{grid-template-columns:1fr 1fr;}
.bh-stats{gap:26px;}
}

@media(max-width:720px){
.feat-side{flex-direction:column;}
.art-grid{grid-template-columns:1fr;}
.bhero-eyebrow{margin-bottom:16px;}
.bh-search-box{flex-wrap:wrap;border-radius:24px;padding:14px;}
.bh-search-box input{width:100%;order:1;padding:6px 0;}
.bh-search-btn{order:2;width:100%;}
.nl-form{flex-direction:column;border-radius:22px;padding:14px;}
.nl-form button{width:100%;}
.grid-top{align-items:flex-start;}
}