@font-face{font-family:Vazirmatn;src:url(/static/fonts/Vazirmatn.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--bg:#0a0a0b;--bg2:#111114;--card:#16161a;--line:#2a2518;--gold:#d4af37;--gold2:#f3d97b;--gold3:#a67c00;--text:#eeeae0;--muted:#9a9aa3;--r:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
button,input,textarea,select{font-family:inherit}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.9 Vazirmatn,"IRANSans",Tahoma,system-ui,sans-serif}
a{color:var(--gold2);text-decoration:none}a:hover{color:#fff}
h1,h2,h3,h4{line-height:1.5;margin:0 0 .5em}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}.sec{padding:40px 20px}.mt{margin-top:2rem}
.muted{color:var(--muted)}.gold{color:var(--gold)}.code{font-family:monospace;color:var(--gold2);direction:ltr;unicode-bidi:embed}
code{background:#000;border:1px solid var(--line);border-radius:6px;padding:0 6px;color:var(--gold2);direction:ltr;unicode-bidi:embed;font-size:.85em}
/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,10,11,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.navin{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem;color:var(--gold2)}
.nav nav{display:flex;gap:4px;align-items:center}.nav nav a{color:var(--text);padding:6px 12px;border-radius:10px;font-size:.93rem}
.nav nav a:hover,.nav nav a.on{color:var(--gold2);background:#1a1710}
.cart b{background:var(--gold);color:#000;border-radius:99px;padding:0 7px;margin-right:6px;font-size:.8rem}
.mn,.burger{display:none}
/* buttons / forms */
.btn{display:inline-block;border:0;cursor:pointer;font:inherit;font-weight:700;color:#0a0a0b;padding:10px 24px;border-radius:12px;background:linear-gradient(135deg,var(--gold2),var(--gold) 50%,var(--gold3));box-shadow:0 6px 22px rgba(212,175,55,.18);transition:.2s}
.btn:hover{transform:translateY(-2px);color:#000;box-shadow:0 10px 28px rgba(212,175,55,.32)}
.btn.ghost{background:transparent;color:var(--gold2);border:1px solid var(--gold3);box-shadow:none}.btn.ghost:hover{background:#1a1710;color:var(--gold2)}
.btn.danger{background:#7a1f1f;color:#fff;box-shadow:none}.btn.sm{padding:3px 14px;font-size:.85rem}.btn[disabled]{opacity:.4;pointer-events:none}
.form label{display:block;margin-bottom:14px;font-size:.92rem;color:#cfcab8}
input,textarea,select{width:100%;margin-top:6px;background:#0c0c0e;border:1px solid #2f2a1c;border-radius:10px;color:var(--text);padding:10px 14px;font:inherit}
input[type=checkbox]{width:auto;margin:0 0 0 8px}input[type=file]{padding:8px}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.15)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chk{display:flex;align-items:center}
.form.inline{display:flex;gap:12px;align-items:center}.form.inline input{margin:0}
.qty{width:80px;margin:0}
.flash{background:#1d1a0e;border:1px solid var(--gold3);color:var(--gold2);padding:12px 18px;border-radius:12px;margin-bottom:18px}.flash.err{background:#2a1010;border-color:#7a1f1f;color:#ffb4b4}
/* cards */
.card{background:linear-gradient(180deg,#18181c,#121215);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.card:hover{border-color:#3d3418}fieldset.card{margin:0 0 20px}legend{color:var(--gold2);font-weight:800;padding:0 10px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid3 .card h3{color:var(--gold2)}
.two{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.pcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.25s;color:var(--text)}
.pcard:hover{transform:translateY(-6px);border-color:var(--gold3);box-shadow:0 14px 34px rgba(212,175,55,.12);color:var(--text)}
.pimg{aspect-ratio:4/3;background:radial-gradient(circle at 30% 20%,#2a2410,#0e0e10);display:grid;place-items:center;overflow:hidden}.pimg img{width:100%;height:100%;object-fit:cover}
.pimg.big{border-radius:var(--r);border:1px solid var(--line)}.ph{font-size:3.5rem;color:var(--gold3)}
.pbody{padding:16px 18px}.pbody h3{font-size:1.02rem;margin-bottom:6px}.price{color:var(--gold);font-weight:800}.price.lg{font-size:1.6rem;margin-bottom:10px}
/* hero */
.hero{padding:96px 0 84px;text-align:center;background:radial-gradient(ellipse at 50% -10%,rgba(212,175,55,.22),transparent 60%),linear-gradient(180deg,#0a0a0b,#0d0c08);border-bottom:1px solid var(--line)}
.hero h1{font-size:clamp(2.2rem,6vw,4rem);background:linear-gradient(135deg,#fff3c4,var(--gold),var(--gold3));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}
.hero p{max-width:640px;margin:0 auto 28px;color:#c9c5b6;font-size:1.1rem}.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.chip{display:inline-block;border:1px solid var(--gold3);color:var(--gold2);border-radius:99px;padding:2px 16px;font-size:.85rem;margin-bottom:16px}
.phead{padding:46px 0 30px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 0,rgba(212,175,55,.1),transparent 60%)}.phead h1{color:var(--gold2);margin:0}
.shead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}.shead h2{margin:0}
.band{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#1c1706,#0d0c08);border-block:1px solid var(--gold3)}.band h2{color:var(--gold2)}
.prose{font-size:1.02rem}.prose h2{color:var(--gold2);margin-top:1.4em}.prose img{max-width:100%;border-radius:12px}.prose li{margin-bottom:4px}
/* tables */
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);margin-bottom:18px}table{width:100%;border-collapse:collapse}
th,td{padding:12px 16px;text-align:right;border-bottom:1px solid #1d1b14;font-size:.93rem;vertical-align:top}th{background:#14130e;color:var(--gold2);white-space:nowrap}tr:last-child td{border-bottom:0}
.tag{background:#241f0c;border:1px solid var(--gold3);color:var(--gold2);border-radius:99px;padding:1px 12px;font-size:.82rem;white-space:nowrap}
/* tracking */
.steps{list-style:none;padding:0;margin:26px 0;display:flex;justify-content:space-between;gap:6px;position:relative}
.steps li{flex:1;text-align:center;position:relative;font-size:.85rem;color:var(--muted)}
.steps li:not(:last-child)::after{content:"";position:absolute;top:19px;right:50%;width:100%;height:2px;background:#2a2618;z-index:0}
.steps li.done:not(:last-child)::after{background:var(--gold)}
.steps i{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;margin:0 auto 8px;border-radius:50%;background:#14130e;border:2px solid #2a2618;font-style:normal;font-weight:700}
.steps .done i{background:var(--gold);color:#000;border-color:var(--gold)}.steps .done{color:var(--gold2)}
.steps .cur i{border-color:var(--gold2);color:var(--gold2);animation:pulse 1.6s infinite}.steps .cur{color:#fff;font-weight:700}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(243,217,123,.5)}100%{box-shadow:0 0 0 14px transparent}}
.log{list-style:none;padding:0}.log li{padding:10px 0;border-bottom:1px dashed #2a2618}
/* footer */
.foot{margin-top:40px;background:#070708;border-top:1px solid var(--line);padding-top:40px}.fgrid{display:grid;grid-template-columns:1.2fr 1fr 1.4fr;gap:30px}
.foot h4{color:var(--gold2)}.foot a{display:block;color:#bbb;margin-bottom:4px}.foot p{margin:0 0 4px;color:#bbb}.copy{text-align:center;padding:20px;color:#666;font-size:.85rem;border-top:1px solid #15151a;margin-top:30px}
.thumb{max-width:240px;border-radius:12px;border:1px solid var(--line)}
/* admin */
body.admin{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.side{background:#070708;border-left:1px solid var(--line);padding:20px 14px;position:sticky;top:0;height:100vh;overflow:auto}.side .brand{margin-bottom:20px;font-size:1rem}
.side a{display:block;color:var(--text);padding:8px 14px;border-radius:10px;margin-bottom:2px;font-size:.92rem}.side a:hover,.side a.on{background:#1a1710;color:var(--gold2)}
.amain{padding:28px 32px;max-width:1100px;width:100%}.amain h1{color:var(--gold2)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:26px}.stat b{display:block;font-size:2rem;color:var(--gold)}.stat span{color:var(--muted)}
.tb{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.loginbody{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(212,175,55,.18),transparent 60%),#0a0a0b}.login{width:min(380px,92vw)}
@media(max-width:860px){
 .grid3,.two,.fgrid,.row2{grid-template-columns:1fr}.burger{display:block;font-size:1.6rem;color:var(--gold2);cursor:pointer}
 .nav nav{display:none;position:absolute;top:68px;right:0;left:0;flex-direction:column;background:#0a0a0b;padding:12px;border-bottom:1px solid var(--line)}.mn:checked~nav{display:flex}
 body.admin{display:block}.side{position:static;height:auto;display:flex;flex-wrap:wrap;gap:4px}.amain{padding:20px}
 .steps{flex-direction:column;gap:14px}.steps li{display:flex;align-items:center;gap:12px;text-align:right}.steps li::after{display:none}.steps i{margin:0}
 .form.inline{flex-direction:column;align-items:stretch}
}
/* ===== صفحهٔ اصلی (طراحی جدید) ===== */
em{font-style:normal;background:linear-gradient(120deg,var(--gold2),var(--gold) 55%,var(--gold3));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn.lg{padding:14px 30px;font-size:1.02rem}
.eyebrow{display:inline-block;color:var(--gold);font-size:.85rem;font-weight:700;letter-spacing:.02em;margin-bottom:8px}
.eyebrow::before{content:"";display:inline-block;width:22px;height:2px;background:var(--gold);margin-left:10px;vertical-align:middle}
.hx{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(60% 80% at 15% 40%,rgba(212,175,55,.16),transparent 70%),radial-gradient(40% 50% at 90% 0,rgba(212,175,55,.08),transparent 70%),#080809}
.hx::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(212,175,55,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 40%,#000,transparent)}
.hxg{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center;padding-block:72px 64px}
.hxt h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.35;font-weight:900;margin:14px 0 16px;color:#fff}
.hxt h1,.shead2 h2,.hxt>p{text-wrap:balance}
.hxt>p{color:#c9c5b6;font-size:1.1rem;max-width:560px;margin:0 0 28px}
.chip.live{display:inline-flex;align-items:center;gap:8px;background:rgba(212,175,55,.08)}
.chip.live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(212,175,55,.6);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(212,175,55,0)}100%{box-shadow:0 0 0 0 rgba(212,175,55,0)}}
.hxt .cta{justify-content:flex-start;margin-bottom:28px}
.trust{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 22px;color:#bdb9a8;font-size:.93rem}
.trust li{display:flex;align-items:center;gap:6px}.trust svg{width:18px;height:18px;color:var(--gold)}
.hxv{position:relative;aspect-ratio:1;max-width:560px;width:100%;margin-inline:auto}
.halo{position:absolute;inset:6%;border-radius:50%;border:1px solid rgba(212,175,55,.35);box-shadow:0 0 90px rgba(212,175,55,.22),inset 0 0 60px rgba(212,175,55,.12);animation:spin 40s linear infinite}
.halo::after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--gold2);box-shadow:0 0 16px var(--gold)}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%;-webkit-mask-image:radial-gradient(circle,#000 52%,transparent 71%);mask-image:radial-gradient(circle,#000 52%,transparent 71%)}
.fcard{position:absolute;display:flex;gap:12px;align-items:center;background:rgba(20,19,14,.72);backdrop-filter:blur(14px);border:1px solid rgba(212,175,55,.35);border-radius:16px;padding:12px 16px;box-shadow:0 18px 40px rgba(0,0,0,.5);font-size:.85rem;animation:float 6s ease-in-out infinite}
.fcard b{display:block;color:#fff}.fcard small{color:var(--muted);display:block}
.fcard.f1{top:12%;right:-2%}.fcard.f2{bottom:12%;left:-2%;flex-direction:column;align-items:flex-start;gap:8px;animation-delay:-3s}
@keyframes float{50%{transform:translateY(-12px)}}
.dot{width:12px;height:12px;border-radius:50%;flex:none}.dot.ok{background:#46d17a;box-shadow:0 0 12px #46d17a}
.mini{display:flex;gap:5px}.mini i{width:34px;height:6px;border-radius:9px;background:#2a2618}.mini i.d{background:var(--gold)}.mini i.c{background:linear-gradient(90deg,var(--gold),#2a2618);animation:glow 1.6s infinite alternate}
@keyframes glow{to{opacity:.45}}.mini.lg{margin:16px 0}.mini.lg i{width:44px;height:8px}
.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:#0c0b08;direction:ltr;white-space:nowrap}
.tk{display:inline-flex;gap:0;animation:marq 38s linear infinite;padding-block:16px}
.tk span{padding-inline:28px;color:var(--gold2);font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;gap:56px;direction:rtl}
.tk span::after{content:"✦";color:var(--gold3)}
@keyframes marq{to{transform:translateX(-50%)}}
.shead2{margin-bottom:28px}.shead2 h2,.shead h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;margin:0}
.bento{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:20px;min-height:520px}
.bc{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:#111;color:var(--text);display:flex;align-items:flex-end;transition:.35s}
.bc.big{grid-row:span 2}.bc:hover{border-color:var(--gold3);transform:translateY(-4px);box-shadow:0 20px 50px rgba(212,175,55,.12);color:var(--text)}
.bc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s;opacity:.85}.bc:hover img{transform:scale(1.06)}
.bc::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,9,.96) 8%,rgba(8,8,9,.55) 50%,rgba(8,8,9,.1))}
.bc.plain::after{display:none}.bc.plain{background:radial-gradient(circle at 80% 0,rgba(212,175,55,.2),transparent 60%),linear-gradient(160deg,#18160d,#0d0c08)}
.bt{position:relative;z-index:1;padding:28px}.bt h3{font-size:1.35rem;margin:10px 0 6px;color:#fff}.bt p{margin:0 0 12px;color:#c9c5b6;font-size:.95rem}
.tagg{display:inline-block;background:rgba(212,175,55,.15);border:1px solid var(--gold3);color:var(--gold2);border-radius:99px;padding:0 14px;font-size:.8rem}
.more{color:var(--gold2);font-weight:700;font-size:.93rem}
.flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:s;position:relative}
.flow::before{content:"";position:absolute;top:34px;right:10%;left:10%;height:2px;background:repeating-linear-gradient(90deg,var(--gold3) 0 8px,transparent 8px 16px);opacity:.5}
.flow li{position:relative;text-align:center;padding:0 6px}.flow h3{font-size:1.05rem;margin:14px 0 4px;color:#fff}.flow p{color:var(--muted);font-size:.88rem;margin:0}
.fi{position:relative;width:70px;height:70px;margin:0 auto;border-radius:20px;display:grid;place-items:center;background:linear-gradient(160deg,#1d1a0e,#100f09);border:1px solid var(--gold3);color:var(--gold2);transition:.3s}
.flow li:hover .fi{background:linear-gradient(135deg,var(--gold2),var(--gold3));color:#000;transform:translateY(-5px) rotate(-4deg)}
.fi b{position:absolute;top:-9px;right:-9px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#000;font-size:.75rem;display:grid;place-items:center}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.abimg{border-radius:26px;overflow:hidden;border:1px solid var(--gold3);box-shadow:0 0 60px rgba(212,175,55,.12)}.abimg img{width:100%;height:auto;display:block}
.trk{margin-top:30px;border-block:1px solid var(--gold3);background:radial-gradient(circle at 20% 0,rgba(212,175,55,.2),transparent 60%),#0e0d08;padding:48px 0}
.trk .wrap{display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap}.trk h2{margin:0 0 4px;color:var(--gold2)}.trk p{margin:0;color:#c9c5b6}
.trkf{display:flex;gap:10px;flex:1;min-width:280px;max-width:520px}.trkf input{margin:0}
.pcard .pimg{aspect-ratio:1}
@media(max-width:860px){.hxg{grid-template-columns:1fr;padding-block:40px}.hxv{max-width:380px}.fcard.f1{right:0}.fcard.f2{left:0}
 .bento{grid-template-columns:1fr;grid-template-rows:none;min-height:0}.bc{min-height:260px}.bc.big{grid-row:auto;min-height:340px}
 .flow{grid-template-columns:1fr;gap:22px}.flow::before{display:none}.flow li{display:grid;grid-template-columns:70px 1fr;column-gap:16px;text-align:right;align-items:center}.flow li .fi{grid-row:span 2;margin:0}.flow h3{margin:0}
 .about{grid-template-columns:1fr;gap:24px}.trkf{max-width:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* پنل کاربری */
.nav nav a.acc{border:1px solid var(--gold3);color:var(--gold2);margin-inline:6px}.nav nav a.acc:hover{background:#1a1710}
.authbox{max-width:480px;margin:0 auto}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#0e0e10;border:1px solid var(--line);padding:5px;border-radius:14px;margin-bottom:16px}
.tabs a{text-align:center;padding:9px;border-radius:10px;color:var(--muted)}.tabs a.on{background:linear-gradient(135deg,var(--gold2),var(--gold3));color:#000;font-weight:700}
.otp{font-size:1.6rem;letter-spacing:.5em;text-align:center}
.acts{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.acts form{margin:0}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:22px}.stat b{display:block;font-size:1.6rem;color:var(--gold)}.stat span{color:var(--muted)}
.rowc{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px;padding:18px 22px}.rowc .mini{margin-bottom:6px}
details.od{display:block}details.od summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;flex-wrap:wrap}details.od summary::-webkit-details-marker{display:none}