:root{--bk:#0a0a0a;--bk2:#161416;--rd:#9b111e;--rd2:#c0192b;--wh:#fff;--mut:#a9a2a3;font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}[hidden]{display:none!important}
body{margin:0;background:var(--bk);color:var(--wh);line-height:1.9}
a{color:inherit}h1,h2,h3{line-height:1.4;margin:0 0 .5em}
.wrap{max-width:1080px;margin:auto;padding:0 18px}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:rgba(10,10,10,.94);border-bottom:2px solid var(--rd)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{width:44px;height:44px}
.brand b{display:block;font-size:1.05rem}.brand small{display:block;color:var(--mut);font-size:.72rem;direction:ltr;text-align:right}
#menu{display:flex;gap:18px}#menu a{text-decoration:none;padding:4px 2px;border-bottom:2px solid transparent}#menu a:hover,#menu a:focus-visible{border-color:var(--rd2)}
#burger{display:none;background:none;border:1px solid var(--rd);color:#fff;font-size:1.4rem;border-radius:8px;padding:2px 10px}
.hero{min-height:78vh;display:grid;align-items:center;background:radial-gradient(circle at 20% 20%,#3a0a10,var(--bk) 65%) center/cover;position:relative}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.92),rgba(10,10,10,.45))}
.hero-in{position:relative;max-width:1080px;margin:auto;padding:40px 18px;animation:rise .8s ease both}
.hero h1{font-size:clamp(2rem,6vw,3.6rem)}.hero p{max-width:560px;font-size:1.15rem;color:#e8e2e3;white-space:pre-line}
.en{display:block;direction:ltr;text-align:right;color:var(--rd2);font-size:1rem;margin-bottom:14px}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.btn{display:inline-block;background:var(--rd);color:#fff;border:0;border-radius:10px;padding:10px 22px;font:inherit;text-decoration:none;cursor:pointer;transition:background .2s}
.btn:hover{background:var(--rd2)}.btn.sm{padding:6px 14px}.btn.danger{background:#400}
:focus-visible{outline:3px solid var(--rd2);outline-offset:2px}
section.s{padding:56px 0}.light{background:#fff;color:#111}.light .muted{color:#555}
.s h2{font-size:1.7rem;border-right:5px solid var(--rd);padding-right:12px}
.muted{color:var(--mut)}.pre{white-space:pre-line}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{background:var(--bk2);border:1px solid #2a2527;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}
.light .card{background:#faf7f7;border-color:#e6dcdd;color:#111}
.card h3{font-size:1.05rem;margin:0}.card p{margin:0;font-size:.92rem;white-space:pre-line}
.meta{display:flex;gap:14px;font-size:.8rem;color:var(--mut)}.tag{align-self:flex-start;background:var(--rd);color:#fff;border-radius:20px;padding:0 10px;font-size:.78rem}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.gal figure{margin:0}.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid #2a2527;display:block}.gal figcaption{font-size:.8rem;color:var(--mut)}
.tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
input,select,textarea{font:inherit;background:#fff;color:#111;border:1px solid #bbb;border-radius:10px;padding:8px 12px;width:100%}
#q{max-width:340px}.chip{background:#fff;color:#111;border:1px solid var(--rd);border-radius:20px;padding:2px 14px;font:inherit;cursor:pointer}.chip.on{background:var(--rd);color:#fff}
dialog{background:var(--bk2);color:#fff;border:2px solid var(--rd);border-radius:16px;max-width:380px;width:92%}dialog::backdrop{background:rgba(0,0,0,.7)}
.err{color:#ff8a93;min-height:1.5em}
footer{background:#000;border-top:2px solid var(--rd);padding:24px 0;text-align:center;color:var(--mut);font-size:.85rem}
/* admin */
.box{max-width:420px;margin:40px auto;background:var(--bk2);border:1px solid var(--rd);border-radius:16px;padding:22px}
.form{display:grid;gap:10px;margin:14px 0}.form label{display:grid;gap:4px;font-size:.9rem}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tabs button{background:var(--bk2);color:#fff;border:1px solid var(--rd);border-radius:10px;padding:6px 16px;font:inherit;cursor:pointer}.tabs button.on{background:var(--rd)}
.row{display:grid;gap:8px;background:var(--bk2);border:1px solid #2a2527;border-radius:12px;padding:12px;margin:10px 0}
.row img{max-width:160px;border-radius:8px}
#toast{position:fixed;bottom:16px;right:16px;left:16px;max-width:420px;margin:auto;padding:10px 16px;border-radius:10px;z-index:50}#toast.ok{background:#0d5c2e}#toast.bad{background:var(--rd)}
@media(max-width:720px){#burger{display:block}#menu{display:none;position:absolute;top:100%;right:0;left:0;flex-direction:column;background:var(--bk);padding:12px 18px;border-bottom:2px solid var(--rd)}#menu.open{display:flex}}
@media(min-width:721px){.row.w{grid-template-columns:2fr 3fr 1.2fr auto auto;align-items:start}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}