:root{--bg:#f3f5fa;--card:#fff;--text:#0a1f44;--muted:#52627f;--brand:#0a1f44;--link:#143a7a;--gold:#c9a24b;--gold2:#e8cc84;--line:#dde3ee;--navy:#0a1f44;--navy2:#13306a;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#070f1f;--card:#0f1c36;--text:#eaeff8;--muted:#a3b1c9;--brand:#e8cc84;--link:#e8cc84;--line:#22345a;--navy:#06142e;--navy2:#0f2a5c;color-scheme:dark}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0);background:var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.9}
a{color:var(--link)}.wrap{max-width:1050px;margin:0 auto;padding:0 18px}.narrow{max-width:720px}
header{background:var(--navy);border-bottom:2px solid var(--gold)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 18px}
.logo{font-weight:800;color:var(--gold2);text-decoration:none}.logo small{display:block;font-weight:400;font-size:.75rem;color:#b8c4dc;line-height:1.4}
nav{display:flex;gap:16px}nav a{color:#fff;text-decoration:none;font-weight:500}nav a:hover{color:var(--gold2)}
.btn{display:inline-block;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#0a1f44;padding:10px 20px;border-radius:10px;text-decoration:none;border:0;font:inherit;font-weight:800;cursor:pointer}
.btn.alt{background:transparent;border:1.5px solid var(--gold2);color:var(--gold2)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.hero{background:radial-gradient(circle at 80% 0,var(--navy2),var(--navy) 70%);color:#fff;padding:56px 0 0;overflow:hidden}
.hero .wrap{padding-bottom:40px}.hero h1{font-size:clamp(1.6rem,4.5vw,2.5rem);margin:12px 0;line-height:1.5}.hero p{max-width:580px;margin:0 0 24px;color:#d5dcec}
.tag{display:inline-block;border:1px solid var(--gold);color:var(--gold2);border-radius:99px;padding:2px 14px;font-size:.85rem}
.row{display:flex;gap:12px;flex-wrap:wrap}
.marq{padding:16px 0 22px;background:#0004;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.track{display:flex;gap:12px;width:max-content;animation:m 60s linear infinite}
.chip{background:var(--navy2);color:#fff;border:1px solid #c9a24b66;padding:8px 18px;border-radius:14px;white-space:nowrap;direction:rtl;display:flex;align-items:center;gap:8px}
.ci svg{width:20px;height:20px;stroke:var(--gold2);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block}
@keyframes m{to{transform:translateX(-50%)}}
section{padding:44px 0}h1{font-size:1.8rem;margin:0 0 8px;color:var(--brand)}.hero h1{color:#fff}h2{font-size:1.5rem;margin:0 0 6px;color:var(--brand)}.sub{color:var(--muted);margin:0 0 24px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:14px;padding:18px;color:var(--text);text-decoration:none;display:block;transition:transform .25s,box-shadow .25s}
a.card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0a1f4430}
.ic{width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,var(--navy2),var(--navy));display:grid;place-items:center;box-shadow:0 0 0 1px #c9a24b88,0 6px 14px #0a1f4440;animation:fl 4s ease-in-out infinite}
.card:nth-child(2n) .ic{animation-delay:-1.3s}.card:nth-child(3n) .ic{animation-delay:-2.6s}
.ic svg{width:30px;height:30px;stroke:var(--gold2);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ic path{stroke-dasharray:1;stroke-dashoffset:1;animation:dr 1.6s ease forwards}
a.card:hover .ic{animation:pu .8s ease infinite}a.card:hover .ic path{animation:dr 1s ease forwards}
.ic.big{width:76px;height:76px;margin-bottom:12px}.ic.big svg{width:40px;height:40px}
@keyframes dr{to{stroke-dashoffset:0}}@keyframes fl{50%{transform:translateY(-5px)}}@keyframes pu{50%{transform:scale(1.1) rotate(-4deg)}}
.card h3{margin:10px 0 2px;font-size:1.02rem;color:var(--brand)}.card p{margin:0;color:var(--muted);font-size:.92rem}
.why{background:var(--card);border-block:1px solid var(--line)}.why .card{background:var(--bg)}
.form{display:grid;gap:12px;max-width:520px}label{font-size:.9rem;font-weight:500}
input,select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit}
#msg{color:var(--gold);min-height:1.5em;font-size:.9rem}.badge{background:var(--navy);color:var(--gold2);padding:2px 14px;border-radius:99px;font-weight:700;border:1px solid var(--gold)}
footer{background:var(--navy);border-top:2px solid var(--gold);padding:26px 0;color:#b8c4dc;font-size:.9rem}footer a{color:var(--gold2)}footer b{color:#fff}
.fab{position:fixed;inset-inline-start:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 4px 14px #0006}


textarea{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit;resize:vertical}
.hero2{min-height:min(100svh,820px);display:flex;flex-direction:column;background:radial-gradient(circle at 80% 0,var(--navy2),var(--navy) 70%);color:#fff;overflow:hidden}
.hc{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:48px;padding-bottom:16px}
.hc h1{font-size:clamp(1.8rem,5.5vw,3.2rem);line-height:1.5;color:#fff;margin:14px 0}.hc p{max-width:560px;margin:0 0 22px;color:#d5dcec}.hc .row{justify-content:center}
.mq{height:310px;direction:ltr;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.mt{display:flex;gap:16px;width:max-content;padding:34px 0;animation:mv 45s linear infinite}
.pc{position:relative;flex:none;height:235px;aspect-ratio:3/4;border-radius:18px;overflow:hidden;direction:rtl;color:#fff;text-decoration:none;box-shadow:0 10px 24px #0008;border:1px solid #c9a24b99;background-size:cover;background-position:center}
.pc:nth-child(odd){transform:rotate(-2deg)}.pc:nth-child(even){transform:rotate(5deg)}
.pc::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#06142eee 8%,#06142e22 60%)}
.pc .ic{position:absolute;top:12px;inset-inline-end:12px;width:44px;height:44px;border-radius:12px;z-index:1}.pc .ic svg{width:24px;height:24px}
.pc b{position:absolute;bottom:12px;inset-inline:12px;z-index:1;font-size:.88rem;line-height:1.6;text-shadow:0 1px 6px #000}
@keyframes mv{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (min-width:768px){.mq{height:390px}.pc{height:300px}.pc b{font-size:1rem}}


.hero2{position:relative;background:linear-gradient(125deg,#0a1f44,#16397c,#0a1f44,#1d4690);background-size:300% 300%;animation:bgm 12s ease infinite}
.orb{position:absolute;border-radius:50%;filter:blur(50px);background:#c9a24b;opacity:.32;pointer-events:none}
.o1{width:240px;height:240px;top:8%;inset-inline-start:6%;animation:o1 14s ease-in-out infinite}
.o2{width:300px;height:300px;top:30%;inset-inline-end:2%;background:#3b7ae0;opacity:.35;animation:o2 18s ease-in-out infinite}
.o3{width:180px;height:180px;top:55%;inset-inline-start:40%;animation:o1 11s ease-in-out infinite reverse}
.hc{position:relative;z-index:1}.hc>*{animation:up .9s cubic-bezier(.2,.7,.2,1) both}.hc>*:nth-child(2){animation-delay:.12s}.hc>*:nth-child(3){animation-delay:.24s}.hc>*:nth-child(4){animation-delay:.36s}
.hc .btn:not(.alt){background-size:220% 100%;background-image:linear-gradient(110deg,#c9a24b 20%,#fff2c2 45%,#c9a24b 70%);animation:up .9s .36s both,shine 3.5s 1.5s linear infinite}
.mq{position:relative;z-index:1}.mq:hover .mt{animation-play-state:paused}
.pc{animation:bob 5s ease-in-out infinite}.pc:nth-child(2n){animation-delay:-1.7s}.pc:nth-child(3n){animation-delay:-3.2s}
@keyframes bgm{50%{background-position:100% 50%}}
@keyframes o1{50%{transform:translate(60px,40px) scale(1.2)}}@keyframes o2{50%{transform:translate(-70px,-30px) scale(.85)}}
@keyframes up{from{opacity:0;transform:translateY(24px)}}
@keyframes shine{to{background-position:-220% 0}}
@keyframes bob{50%{translate:0 -9px}}

.grid.sm{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.grid.sm .card{padding:14px}.grid.sm .ic{width:44px;height:44px;border-radius:12px}.grid.sm .ic svg{width:23px;height:23px}
.grid.sm .card h3{font-size:.92rem;line-height:1.7;margin-top:8px}.grid.sm .card p{font-size:.8rem;line-height:1.7}
@media (max-width:600px){.grid.sm{grid-template-columns:1fr 1fr}.grid.sm .card p{display:none}}

[hidden]{display:none!important}
:root{--bd:linear-gradient(115deg,#c9a24b,#3b7ae0,#e8cc84,#c9a24b,#13306a)}
.card,.why .card{--in:var(--card);border:2px solid transparent;border-radius:24px;background:linear-gradient(var(--in),var(--in)) padding-box,var(--bd) border-box;background-size:100% 100%,300% 300%;animation:cb 6s ease-in-out infinite alternate}
.why .card{--in:var(--bg)}
a.card:hover,.why .card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #c9a24b40}
@keyframes cb{from{background-position:0 0,0% 50%}to{background-position:0 0,100% 50%}}
.ck{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,var(--gold2),var(--gold));animation:pr 2.4s ease-out infinite}
.ck svg{width:16px;height:16px;stroke:#0a1f44;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck path{stroke-dasharray:1;stroke-dashoffset:1;animation:dr 1.2s .3s ease forwards}
@keyframes pr{0%{box-shadow:0 0 0 0 #c9a24b88}100%{box-shadow:0 0 0 14px #c9a24b00}}
.why .card h3,#mb-s3 h3{display:flex;gap:10px;align-items:center}
.promo{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 22px;border-radius:24px;color:#0a1f44;background:linear-gradient(110deg,#c9a24b 20%,#fff2c2 45%,#c9a24b 70%);background-size:220% 100%;animation:shine 4s linear infinite;box-shadow:0 8px 24px #c9a24b44;margin-bottom:16px}
.promo b{display:block;font-size:1.05rem}.promo span{font-size:.88rem}.promo .btn{background:#0a1f44;color:var(--gold2)}.promo-s{padding:26px 0 0}

.card,.why .card{background:linear-gradient(145deg,#12306a,#0a1f44) padding-box,var(--bd) border-box;background-size:100% 100%,300% 300%;color:#fff}
.card h3,.grid.sm .card h3{color:var(--gold2)}.card p,.grid.sm .card p{color:#c5d1e8}
.promo-top{background:var(--navy);padding:10px 0}.promo-top .promo{margin:0;padding:10px 18px;border-radius:18px}
.promo.blink{animation:shine 4s linear infinite,bl 2s ease-in-out infinite}
@keyframes bl{0%,100%{opacity:1;box-shadow:0 0 28px #ffd96acc}50%{opacity:.4;box-shadow:0 0 0 #ffd96a00}}
.fl{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff22}.fl h4{margin:0 0 8px;color:#fff;font-size:.95rem}
.lk{display:inline-block;padding:6px 16px;border:1.5px solid var(--gold);border-radius:99px;color:var(--gold2);text-decoration:none;transition:.25s}
.lk:hover{background:var(--gold);color:#0a1f44}

.lk{margin:0 0 8px 8px}
.tabs{display:flex;gap:8px;margin-bottom:16px;max-width:520px}.tabs button{flex:1;padding:10px;border-radius:12px;border:1.5px solid var(--gold);background:transparent;color:var(--link);font:inherit;font-weight:700;cursor:pointer}
.tabs button.on{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#0a1f44}

.hero2{background:linear-gradient(180deg,rgba(8,20,48,.72),rgba(8,20,48,.5) 40%,rgba(8,20,48,.9)),url(img/hero.jpg) center/cover no-repeat,#0a1f44;animation:none}
.orb{opacity:.2}

.tl{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px;counter-reset:n}
.tl li.card{counter-increment:n;display:flex;gap:12px;align-items:center;padding:14px 16px;font-weight:500}
.tl li::before{content:counter(n,persian);flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold2),var(--gold));color:#0a1f44;font-weight:800}
.note{padding:20px 22px;margin-bottom:26px}.note p{font-size:1rem;line-height:2.1;color:#e3eaf7!important}

.ad-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.adc{margin-bottom:12px;padding:16px 18px}.adc.new{box-shadow:0 0 18px #c9a24b66}
.adh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.adh b{color:var(--gold2)}.adh a{color:#fff}.adh small{margin-inline-start:auto;color:#a3b1c9}
.adn{background:var(--gold);color:#0a1f44;border-radius:99px;padding:0 10px;font-size:.78rem;font-weight:800}
.adt{margin:10px 0 12px;font-size:1rem;line-height:2;color:#e3eaf7!important;white-space:pre-wrap}
.ada{display:flex;gap:8px}.ada .btn{padding:6px 16px}