@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#030713;--panel:#0b1223;--text:#f5f8ff;--muted:#aebbd1;--line:#ffffff18;--accent:#75e6ff;--accent2:#8b5cff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--text);background:radial-gradient(circle at 50% -15%,#17366b 0,transparent 35%),radial-gradient(circle at 100% 40%,#32155f 0,transparent 30%),#030713;line-height:1.85;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 34px));margin:auto}.space{position:fixed;inset:0;pointer-events:none;z-index:-3;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#78e7ff 1px,transparent 1px);background-size:55px 55px,110px 110px;background-position:0 0,25px 20px;opacity:.3;animation:stars 90s linear infinite}.nebula{position:fixed;border-radius:50%;filter:blur(100px);opacity:.22;z-index:-2;pointer-events:none}.n1{width:420px;height:420px;background:#5b41ff;right:-150px;top:15%}.n2{width:500px;height:500px;background:#0ab7d9;left:-220px;bottom:5%}.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(18px,calc((100% - var(--max))/2));background:#030713dc;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px}.brand img{width:48px;height:48px;border-radius:14px;object-fit:contain;background:#fff}.brand strong{display:block}.brand small{display:block;color:var(--muted);font-size:11px}.nav{display:flex;gap:24px;font-size:14px;color:#d7e1f0}.nav a:hover{color:var(--accent)}.actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:15px;border:1px solid var(--line);font-family:inherit;font-weight:700;cursor:pointer;transition:.25s;background:transparent;color:#fff}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06101d;border:0}.ghost{background:#ffffff08}.menu-btn{display:none}.mobile{display:none}.hero{min-height:690px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px;padding:70px 0}.kicker{color:var(--accent);font-weight:800;font-size:14px}.hero h1,.detail-hero h1{font-size:clamp(36px,5.6vw,72px);line-height:1.22;margin:12px 0 18px;text-wrap:balance}h1,h2,h3{text-wrap:balance}p,.lead,.kicker{text-wrap:pretty}.hero h1 span{background:linear-gradient(90deg,#fff,var(--accent),var(--accent2));-webkit-background-clip:text;color:transparent}.hero p,.lead{font-size:18px;color:var(--muted);max-width:740px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.cosmic-scene{position:relative;min-height:480px;display:grid;place-items:center}.planet{width:330px;height:330px;border-radius:50%;background:radial-gradient(circle at 33% 25%,#fff 0 2%,#7beaff 4%,#4f4db6 36%,#111643 72%);box-shadow:0 0 90px #55dcff55,inset -35px -30px 65px #020713aa;animation:float 6s ease-in-out infinite}.ring{position:absolute;width:470px;height:145px;border:2px solid #ffffff3b;border-radius:50%;transform:rotate(-17deg);animation:orbit 16s linear infinite}.ship{position:absolute;right:5%;top:15%;width:90px;height:38px;border-radius:50% 50% 28% 28%;background:linear-gradient(#fff,#89e7ff);box-shadow:0 0 30px #78e7ff;animation:ship 8s ease-in-out infinite}.ship:after{content:'';position:absolute;left:-25px;top:12px;width:30px;height:10px;background:#75e6ff;filter:blur(5px)}.section{padding:85px 0}.section-title{max-width:800px;margin:0 auto 42px;text-align:center}.section-title h2{font-size:clamp(28px,3.6vw,44px);margin:8px 0}.section-title p{color:var(--muted)}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.logo-card{display:flex;flex-direction:column;min-height:280px;padding:24px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#ffffff0d,#ffffff04);transition:.3s;position:relative;overflow:hidden}.logo-card:hover{transform:translateY(-7px);border-color:#ffffff45}.logo-card img{width:72px;height:72px;object-fit:contain;object-position:center;margin-bottom:22px;border-radius:16px;background:linear-gradient(145deg,#ffffff14,#ffffff05);padding:9px;box-shadow:none;border:1px solid var(--line)}.logo-card img.mono-logo{filter:brightness(0) invert(1);opacity:.92}.logo-card img.wordmark-logo{width:auto;max-width:150px;height:46px;padding:0 16px}.logo-card h3{font-size:24px;margin:0 0 8px}.logo-card p{color:var(--muted);margin:0 0 20px}.logo-card .more{margin-top:auto;color:var(--accent);font-weight:700}.logo-card:after{content:'';position:absolute;width:160px;height:160px;border-radius:50%;background:var(--accent);opacity:.08;filter:blur(50px);left:-60px;bottom:-70px}.charge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:36px}
.charge-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#ffffff0d,#ffffff04);transition:.3s;overflow:hidden}
.charge-card:hover{transform:translateY(-6px);border-color:#ffffff45}
.charge-card .top{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.charge-card .icon{flex:none;width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#ffffff14,#ffffff05);display:grid;place-items:center;border:1px solid var(--line);font-size:20px;font-weight:800}
.charge-card .icon img{width:26px;height:26px;object-fit:contain}
.charge-card h3{margin:0;font-size:17px}
.charge-battery{display:flex;align-items:center;gap:10px}
.charge-battery .cell{position:relative;flex:1;height:16px;border:2px solid var(--accent);border-radius:6px;overflow:hidden;background:#ffffff08}
.charge-battery .cell:after{content:'';position:absolute;top:4px;inset-inline-start:-6px;width:4px;height:6px;background:var(--accent);border-radius:2px 0 0 2px}
.charge-battery .fill{position:absolute;inset:2px;inset-inline-end:auto;width:10%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 10px var(--accent);animation:battery-charge 2.8s ease-in-out infinite}
@keyframes battery-charge{0%{width:8%}45%{width:96%}60%{width:96%}100%{width:8%}}
.charge-battery .bolt{flex:none;font-size:17px;filter:drop-shadow(0 0 6px var(--accent));animation:bolt-flash 1.4s ease-in-out infinite}
@keyframes bolt-flash{0%,100%{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
.charge-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:34px}
.charge-step{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:18px;background:#ffffff06}
.charge-step .num{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06101d;font-weight:800}
.charge-step strong{display:block;margin-bottom:3px}
.charge-step span{color:var(--muted);font-size:13px}
.charge-cta{text-align:center}.ai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan{display:inline-block;border:1px solid var(--line);border-radius:50px;padding:5px 10px;margin:3px 2px;color:var(--accent);font-size:12px}.contact-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:720px;margin:0 auto}.contact-card{padding:26px;border:1px solid var(--line);border-radius:25px;background:#ffffff08}.contact-card img{height:60px;width:60px;object-fit:contain;object-position:center;border-radius:14px;background:linear-gradient(145deg,#ffffff14,#ffffff05);padding:9px;border:1px solid var(--line)}.contact-card img.mono-logo{filter:brightness(0) invert(1);opacity:.92}.contact-card img.wordmark-logo{width:auto;max-width:120px;height:38px;padding:0 12px}.footer{border-top:1px solid var(--line);padding:50px 0 30px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.floating{position:fixed;bottom:20px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;z-index:45;box-shadow:0 12px 38px #0008}.floating img{width:28px;height:28px}.wa{right:20px;background:#25d366}.tg{left:20px;background:#229ed9}.detail-hero{padding:75px 0 45px;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.brand-orbit{position:relative;height:400px;display:grid;place-items:center}.brand-planet{width:290px;height:290px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff 0 2%,var(--accent) 5%,#20275b 48%,#050815 75%);box-shadow:0 0 110px color-mix(in srgb,var(--accent) 38%,transparent),inset -28px -25px 55px #0009}.brand-orbit:before{content:'';position:absolute;width:430px;height:130px;border-radius:50%;border:2px solid #ffffff35;transform:rotate(-18deg)}.brand-orbit img{position:absolute;width:140px;height:140px;object-fit:contain;z-index:2;border-radius:24px;background:linear-gradient(145deg,#ffffff14,#ffffff05);padding:16px;border:1px solid #ffffff2a;box-shadow:0 16px 44px #0008}.brand-orbit img.mono-logo{filter:brightness(0) invert(1);opacity:.92}.brand-orbit img.wordmark-logo{width:auto;max-width:220px;height:64px;padding:0 24px}.home-link{display:inline-flex;align-items:center;gap:9px;color:#fff;font-weight:800;background:#ffffff12;border:1px solid #ffffff28;border-radius:14px;padding:10px 15px;transition:.25s}.home-link:hover{background:#ffffff20;transform:translateY(-2px)}.home-link svg{width:20px;height:20px;fill:currentColor}.home-button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #ffffff2d;border-radius:14px;background:#ffffff0c;font-size:13px;font-weight:800}.home-button:hover{background:#ffffff18}.home-button svg{width:19px;height:19px;fill:currentColor}.story{max-width:920px;margin:auto}.story-section{padding:58px 0;border-bottom:1px solid var(--line)}.story-section h2{font-size:clamp(28px,4vw,44px);margin:0 0 15px}.story-section h3{font-size:25px;margin:28px 0 7px}.story-section p{color:#c6d2e5;font-size:17px;line-height:2.1}.feature-lines{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;margin-top:24px}.feature-line{padding:15px 0;border-bottom:1px dashed #ffffff25}.feature-line strong{display:block;color:#fff}.feature-line span{color:var(--muted)}.preorder{margin:55px 0;padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.preorder h2{font-size:38px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.trust-item h3{color:var(--accent)}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--muted)}.plans{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.plan-card{min-width:190px;padding:18px;border:1px solid var(--line);border-radius:20px}.theme-revolut{--accent:#59e4ff;--accent2:#7d5cff}.theme-wise{--accent:#9fe870;--accent2:#42d392}.theme-paypal{--accent:#63a9ff;--accent2:#3154d2}.theme-zen{--accent:#ffd363;--accent2:#ff8a3d}.theme-expressvpn{--accent:#ff6e76;--accent2:#b02a4a}.theme-xvpn{--accent:#9d70ff;--accent2:#3bc6ff}.theme-chatgpt{--accent:#61d9ad;--accent2:#1b8f76}.theme-gemini{--accent:#6aa8ff;--accent2:#d66fff}.theme-canva{--accent:#35e0e7;--accent2:#8f50ff}.theme-capcut{--accent:#fff;--accent2:#717cff}.theme-alight-motion{--accent:#55dfff;--accent2:#4058df}.theme-leonardo{--accent:#f8bb62;--accent2:#9559ff}.theme-picsart{--accent:#ff64c9;--accent2:#5fe5ff}.theme-grok{--accent:#f5f5f5;--accent2:#7a84ff}
@keyframes stars{to{background-position:700px 700px,-600px 500px}}@keyframes float{50%{transform:translateY(-16px) rotate(2deg)}}@keyframes orbit{to{transform:rotate(343deg)}}@keyframes ship{0%,100%{transform:translate(0,0) rotate(-8deg)}50%{transform:translate(-140px,85px) rotate(8deg)}}
@media(max-width:950px){.nav{display:none}.menu-btn{display:inline-flex}.hero,.detail-hero{grid-template-columns:1fr;text-align:center}.charge-grid{grid-template-columns:1fr}.charge-steps{grid-template-columns:1fr}.hero p,.lead{margin-inline:auto}.hero-buttons{justify-content:center}.logo-grid,.ai-grid{grid-template-columns:repeat(2,1fr)}.contact-row,.footer-grid,.trust-grid{grid-template-columns:1fr}.mobile{display:none;position:fixed;top:78px;right:14px;left:14px;padding:18px;border:1px solid var(--line);background:#051027f5;border-radius:22px;z-index:60}.mobile.open{display:grid}.mobile a{padding:11px}.feature-lines{grid-template-columns:1fr}.brand-orbit{height:330px}.orbit-creature{width:85px}.brand-badge{width:44px;height:44px;padding:7px}}@media(max-width:600px){.logo-grid,.ai-grid{grid-template-columns:1fr}.hero h1{font-size:45px}.planet{width:260px;height:260px}.ring{width:350px}.header{padding:12px 15px}.actions .primary{display:none}.section{padding:65px 0}.brand-orbit:before{width:330px}.brand-planet{width:240px;height:240px}.detail-hero h1{font-size:48px}}

/* --- موجود فضایی تعاملی هر محصول (نمونه: Revolut) --- */
.creature-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:6px}
.creature{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;filter:drop-shadow(0 22px 40px #00000080);overflow:visible}
.creature .c-body-wrap{transform-origin:100px 178px;animation:c-breathe 3.4s ease-in-out infinite}
@keyframes c-breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.02,.97)}}
.creature .c-mouth-open{opacity:0}
.creature.biting .c-mouth-closed{opacity:0}
.creature.biting .c-mouth-open{opacity:1}
.creature.biting .c-body-wrap{animation:c-chomp .5s ease}
@keyframes c-chomp{0%,100%{transform:scale(1,1)}30%{transform:scale(1.09,.88)}60%{transform:scale(.94,1.06)}}
.creature.launching{animation:c-launch 1.1s cubic-bezier(.3,0,.6,1) forwards}
@keyframes c-launch{0%{transform:translateY(0) rotate(0)}18%{transform:translateY(14px) rotate(-6deg)}100%{transform:translateY(-640px) rotate(20deg) scale(.55);opacity:0}}
.creature-hint{color:var(--muted);font-size:13px}

/* --- سیاره‌های متفاوت برای هر محصول --- */
.brand-planet{animation:planet-spin 26s linear infinite, float 7s ease-in-out infinite}
@keyframes planet-spin{to{background-position:120px 0}}
.planet-cratered{background:radial-gradient(circle at 35% 25%,#fff 0 2%,var(--accent) 5%,#20275b 48%,#050815 75%),radial-gradient(circle at 65% 60%,#00000055 0 6%,transparent 7%),radial-gradient(circle at 30% 65%,#00000044 0 5%,transparent 6%),radial-gradient(circle at 70% 30%,#00000040 0 4%,transparent 5%)!important}
.planet-striped{background:repeating-linear-gradient(0deg,var(--accent2) 0 6px,var(--accent) 6px 16px,#05081566 16px 26px)!important;box-shadow:0 0 110px color-mix(in srgb,var(--accent) 40%,transparent),inset -28px -25px 55px #0009}
.planet-crystal{background:conic-gradient(from 0deg,var(--accent),var(--accent2),#0b1030,var(--accent),var(--accent2),#0b1030,var(--accent))!important;animation:planet-facet 10s linear infinite}
@keyframes planet-facet{to{filter:hue-rotate(20deg)}}
.planet-molten{background:radial-gradient(circle at 40% 35%,#fff 0 2%,var(--accent) 6%,#7a1d1d 45%,#1a0505 78%)!important;box-shadow:0 0 130px color-mix(in srgb,var(--accent) 55%,transparent),inset -20px -20px 60px #000c;animation:planet-pulse 3.6s ease-in-out infinite, float 7s ease-in-out infinite}
@keyframes planet-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}
.planet-ice:before{content:'';position:absolute;width:70%;height:24%;border:2px solid #ffffff45;border-radius:50%;transform:rotate(14deg)}
.planet-ice:after{content:'';position:absolute;width:55%;height:18%;border:2px solid color-mix(in srgb,var(--accent) 60%,transparent);border-radius:50%;transform:rotate(-22deg)}
.planet-ice{position:relative}

/* --- کاراکتر کنار سیاره --- */
.orbit-creature{position:absolute;z-index:3;width:118px;height:auto;bottom:4%;left:-2%;filter:drop-shadow(0 16px 30px #0009);cursor:pointer}
.orbit-creature .c-body-wrap{transform-origin:100px 178px}
.brand-badge{position:absolute;z-index:4;bottom:-4px;right:-4px;width:56px;height:56px;object-fit:contain;border-radius:14px;background:linear-gradient(145deg,#ffffff18,#ffffff08);padding:9px;border:1px solid #ffffff2a;box-shadow:0 10px 24px #0008}
.brand-badge.mono-logo{filter:brightness(0) invert(1);opacity:.92}
.brand-badge.wordmark-logo{width:auto;max-width:110px;height:34px;padding:0 10px;bottom:0;right:-14px}

/* --- کهکشان صفحه درباره ما --- */
.galaxy{position:relative;height:440px;max-width:440px;margin:20px auto 10px}
.galaxy-core{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fff 0 8%,#bfa2ff 30%,#7d5cff 60%,#2a1a5e 100%);box-shadow:0 0 90px #8b5cffcc,0 0 160px #8b5cff66;animation:core-pulse 3.2s ease-in-out infinite}
@keyframes core-pulse{0%,100%{box-shadow:0 0 80px #8b5cffbb,0 0 140px #8b5cff55}50%{box-shadow:0 0 110px #8b5cffee,0 0 190px #8b5cff88}}
.galaxy-orbits{position:absolute;inset:0;animation:galaxy-spin 120s linear infinite}
@keyframes galaxy-spin{to{transform:rotate(360deg)}}
.orbit-ring{position:absolute;left:50%;top:50%;border:1px dashed #ffffff1c;border-radius:50%;transform:translate(-50%,-50%)}
.mini-planet{position:absolute;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 55%,transparent);animation:float 5s ease-in-out infinite}
@media(max-width:600px){.galaxy{height:300px}.mini-planet{transform:translate(-50%,-50%) scale(.75)}}

/* V6 navigation and logo refinements */
@media(max-width:950px){.home-button span{display:none}.home-button{padding:10px}.home-button svg{width:21px;height:21px}}
.prose-section{max-width:980px}.long-copy{max-width:820px;margin:0 auto}.long-copy h3{font-size:1.35rem;margin:2.2rem 0 .65rem;color:#fff}.long-copy p{font-size:1.05rem;line-height:2.05;color:var(--muted)}

/* ===================== V7: فضای پویاتر + بخش مقالات ===================== */
.comet{position:fixed;z-index:-1;top:-10%;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 6px 1px #fff,0 0 18px 4px var(--accent);opacity:0;animation:comet-fly 7s linear infinite}
.comet:before{content:'';position:absolute;top:0;right:0;width:130px;height:1px;background:linear-gradient(to left,#ffffffcc,transparent);transform:translateY(.5px)}
.comet.c1{left:8%;animation-delay:.5s}
.comet.c2{left:52%;animation-delay:3.2s;animation-duration:9s}
.comet.c3{left:78%;animation-delay:6s;animation-duration:6s}
@keyframes comet-fly{0%{transform:translate(0,0) rotate(35deg);opacity:0}4%{opacity:1}55%{opacity:1}70%{transform:translate(420px,620px) rotate(35deg);opacity:0}100%{opacity:0}}
.btn.primary{animation:btn-sheen 5s ease-in-out infinite}
@keyframes btn-sheen{0%,100%{filter:saturate(1) brightness(1)}50%{filter:saturate(1.25) brightness(1.12)}}
.logo-card,.article-card,.contact-card{will-change:transform}

/* --- هرو صفحه مقالات --- */
.articles-hero{padding:70px 0 40px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.article-orbit{position:relative;height:340px;display:grid;place-items:center}
.article-orbit .ring{width:360px;height:360px;border-radius:50%;position:absolute;animation:orbit 20s linear infinite}
.doc-icon{position:relative;width:170px;height:210px;transform:rotate(-8deg)}
.doc-icon .sheet{position:absolute;width:150px;height:190px;border-radius:16px;background:linear-gradient(150deg,#141b36,#0a1024);border:1px solid #ffffff2a;box-shadow:0 25px 70px #000a,0 0 60px color-mix(in srgb,var(--accent) 35%,transparent);animation:float 6s ease-in-out infinite}
.doc-icon .sheet.back{right:-14px;top:16px;opacity:.55;animation-delay:.4s}
.doc-icon .sheet span{position:absolute;left:18px;right:18px;height:8px;border-radius:5px;background:#ffffff1c}
.doc-icon .sheet span:nth-child(1){top:26px;width:70%}
.doc-icon .sheet span:nth-child(2){top:46px}
.doc-icon .sheet span:nth-child(3){top:66px;width:80%}
.doc-icon .sheet span:nth-child(4){top:86px;width:55%;background:var(--accent);opacity:.5}

/* --- فیلتر دسته‌بندی --- */
.pill-row{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 20px;scrollbar-width:none}
.pill-row::-webkit-scrollbar{display:none}
.pill{flex:none;display:inline-flex;align-items:center;gap:7px;padding:11px 18px;border-radius:50px;border:1px solid var(--line);background:#ffffff08;color:#d7e1f0;font-weight:700;font-size:14px;cursor:pointer;transition:.25s;white-space:nowrap}
.pill:hover{border-color:#ffffff45;transform:translateY(-2px)}
.pill.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06101d;border-color:transparent;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 40%,transparent)}

/* --- گرید مقاله‌ها --- */
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.article-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#ffffff0d,#ffffff04);overflow:hidden;transition:.35s}
.article-card:hover{transform:translateY(-8px);border-color:#ffffff45;box-shadow:0 20px 50px #0007}
.article-card .thumb{position:relative;height:170px;overflow:hidden;background:#0a1024}
.article-card .thumb img{width:100%;height:100%;object-fit:cover;transition:.5s}
.article-card:hover .thumb img{transform:scale(1.08)}
.article-card .badge{position:absolute;top:12px;left:12px;background:#06101dcc;border:1px solid #ffffff2a;color:var(--accent);font-size:11px;font-weight:800;padding:6px 12px;border-radius:50px;backdrop-filter:blur(6px)}
.article-card .body{padding:20px;display:flex;flex-direction:column;flex:1}
.article-card .date{color:var(--muted);font-size:12px;margin-bottom:8px}
.article-card h3{font-size:19px;margin:0 0 10px;line-height:1.6}
.article-card p{color:var(--muted);font-size:14px;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-card .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.article-card .foot .btn{padding:9px 16px;font-size:13px}
.article-card .foot .code{color:var(--muted);font-size:12px;font-family:monospace}

/* --- صفحه‌بندی --- */
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:44px;flex-wrap:wrap}
.pagination button{min-width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:#fff;font-weight:700;cursor:pointer;transition:.2s}
.pagination button:hover{border-color:#ffffff45}
.pagination button.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06101d;border-color:transparent}
.pagination button:disabled{opacity:.4;cursor:not-allowed}

/* --- بنر خبرنامه --- */
.newsletter{position:relative;overflow:hidden;border-radius:32px;border:1px solid var(--line);background:linear-gradient(135deg,#0d1533,#191047);padding:46px 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;margin:80px 0 20px}
.newsletter:before{content:'';position:absolute;width:320px;height:320px;border-radius:50%;background:var(--accent2);opacity:.18;filter:blur(90px);left:-90px;bottom:-90px}
.newsletter h3{font-size:26px;margin:0 0 8px}
.newsletter p{color:var(--muted);margin:0}
.newsletter-form{display:flex;gap:10px}
.newsletter-form input{flex:1;padding:14px 18px;border-radius:14px;border:1px solid #ffffff2a;background:#ffffff0d;color:#fff;font-family:inherit}
.newsletter-form input::placeholder{color:var(--muted)}

/* --- صفحه‌ی جزئیات مقاله --- */
.article-detail{max-width:820px;margin:0 auto}
.article-detail .cover{width:100%;max-height:420px;object-fit:cover;border-radius:26px;border:1px solid var(--line);margin:26px 0 34px;box-shadow:0 30px 70px #000a}
.article-detail .meta-row{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:13px;flex-wrap:wrap}
.article-detail .content{font-size:17px;line-height:2.15;color:#d7e1f0;margin-top:26px;white-space:pre-line}
.article-detail .back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--accent);font-weight:700}
.article-cta{margin:34px 0 10px;text-align:center}
.article-cta .btn{padding:16px 32px;font-size:16px}

@media(max-width:950px){
  .articles-hero{grid-template-columns:1fr;text-align:center}
  .articles-grid{grid-template-columns:repeat(2,1fr)}
  .newsletter{grid-template-columns:1fr;text-align:center;padding:34px 22px}
  .newsletter-form{flex-direction:column}
}
@media(max-width:600px){
  .articles-grid{grid-template-columns:1fr}
  .article-orbit{height:260px}
  .doc-icon{transform:scale(.85) rotate(-8deg)}
}