/* ═══════════════════════════════════════════════════════════════════ پرشین میزبان — استایل صفحه‌ی «ثبت دامنه» /assets/css/domain.css ─────────────────────────────────────────────────────────────────── ۰۰ فونت‌ها ۰۱ توکن‌های مشترک ۰۲ هیرو .pdh- ۰۳ تعرفه‌ی پسوندها .pdm- ۰۴ جستجوی میانی .pds- ۰۵ دامنه و سئو .pdg- ۰۶ ثبت دامنه ir. .pdi- ۰۷ سوالات و فراخوان .pdq- .pdz- ═══════════════════════════════════════════════════════════════════ */ /* ═══ ۰۰ · فونت‌ها ═══════════════════════════════════════════════════ */ @font-face{font-family:'PMNum';font-weight:400;font-style:normal;font-display:swap; src:url('/assets/fonts/IRANSansXFaNum-Regular.woff2') format('woff2'); unicode-range:U+06F0-06F9,U+0660-0669,U+002C,U+002E,U+060C,U+066A-066C} @font-face{font-family:'PMNum';font-weight:700;font-style:normal;font-display:swap; src:url('/assets/fonts/IRANSansXFaNum-Bold.woff2') format('woff2'); unicode-range:U+06F0-06F9,U+0660-0669,U+002C,U+002E,U+060C,U+066A-066C} @font-face{font-family:'PMMono';font-weight:400;font-style:normal;font-display:swap; src:url('/assets/fonts/JetBrainsMono-Regular.woff2') format('woff2'); unicode-range:U+0020-002B,U+002D,U+002F-007E} @font-face{font-family:'PMMono';font-weight:700;font-style:normal;font-display:swap; src:url('/assets/fonts/JetBrainsMono-Bold.woff2') format('woff2'); unicode-range:U+0020-002B,U+002D,U+002F-007E} @font-face{font-family:'Morabba';font-weight:700;font-style:normal;font-display:swap; src:url('/assets/fonts/Morabba-Bold.woff2') format('woff2')} @font-face{font-family:'Morabba';font-weight:900;font-style:normal;font-display:swap; src:url('/assets/fonts/Morabba-Black.woff2') format('woff2')} /* ═══ ۰۱ · توکن‌های مشترک ═══════════════════════════════════════════ 🔴 توکن‌ها روی خودِ سکشن‌ها تعریف می‌شوند، نه فقط روی body. اگر body_class عوض شود، var(--pad) تعریف‌نشده می‌ماند و مرورگر کل اعلان width را دور می‌اندازد — یعنی همه‌ی سکشن‌ها تمام‌عرض می‌شوند. با این روش هر سکشن مستقل و مقاوم است. ═══════════════════════════════════════════════════════════════════ */ .pdh,.pdm,.pds,.pdg,.pdi,.pdq,.pdz, .page-domain{ --mono:'PMNum','PMMono',ui-monospace,'SFMono-Regular','Roboto Mono',monospace; --display:'Morabba','IRANSansX','IRANSans',system-ui,sans-serif; --pad:clamp(18px,4vw,40px); } .pdh *,.pdh *::before,.pdh *::after,.pdm *,.pdm *::before,.pdm *::after,.pds *,.pds *::before,.pds *::after,.pdg *,.pdg *::before,.pdg *::after,.pdi *,.pdi *::before,.pdi *::after,.pdq *,.pdq *::before,.pdq *::after,.pdz *,.pdz *::before,.pdz *::after{box-sizing:border-box} .pdh img,.pdm img,.pds img,.pdg img,.pdi img,.pdq img,.pdz img{max-width:100%;height:auto;display:block} .pdg-num,.pdh-num,.pdi-num,.pdm-num,.pdq-num,.pdz-num{font-family:var(--mono);direction:ltr;unicode-bidi:isolate; font-variant-numeric:tabular-nums;letter-spacing:-.02em} .pdq-sr{position:absolute;width:1px;height:1px;overflow:hidden; clip:rect(0 0 0 0);white-space:nowrap} /* ═══ ۰۲ · هیرو .pdh- ══════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════ فونت‌ها — اگر بلوک دیگری در همین صفحه هست، این را حذف کنید ═══════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════ ۰. پایه — نیلی و طلایی ═══════════════════════════════════════════════════════════════════ */ .pdh{ --ink:#06060F; --nil:#312E81; --nil-2:#6366F1; --nil-3:#A5B4FC; --nil-4:#C7D2FE; --gold:#C2760A; --gold-2:#F5A524; --gold-3:#FFD27A; --tx:#F1F2FB; --tx-2:#AEB2CE; --tx-3:#8288A8; --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.20); position:relative;isolation:isolate;overflow:hidden; background:var(--ink);color:var(--tx); padding-block:clamp(26px,4vw,50px) 0; -webkit-font-smoothing:antialiased; } .pdh-wrap{width:min(1240px,100% - 2*var(--pad));margin-inline:auto;position:relative} .pdh :is(a,button,input):focus-visible{outline:2px solid var(--nil-2);outline-offset:3px; border-radius:11px} /* ═══════════════════════════════════════════════════════════════════ ۱. پس‌زمینه ═══════════════════════════════════════════════════════════════════ */ .pdh-light{position:absolute;inset:0;z-index:0;pointer-events:none; background: radial-gradient(48% 58% at 34% 44%, rgba(99,102,241,.22) 0%, rgba(49,46,129,.14) 34%, transparent 68%), radial-gradient(76% 46% at 74% -10%, rgba(245,165,36,.09) 0%, transparent 58%), linear-gradient(180deg,#0C0B22 0%,#08081A 54%,var(--ink) 100%); animation:pdhBreathe 22s ease-in-out infinite} @keyframes pdhBreathe{0%,100%{opacity:.93}50%{opacity:1}} .pdh-grid{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.36; background-image:linear-gradient(rgba(165,180,252,.07) 1px,transparent 1px), linear-gradient(90deg,rgba(165,180,252,.07) 1px,transparent 1px); background-size:54px 54px; -webkit-mask-image:radial-gradient(66% 60% at 34% 44%,#000,transparent 74%); mask-image:radial-gradient(66% 60% at 34% 44%,#000,transparent 74%)} .pdh-grain{position:absolute;inset:-120%;z-index:2;pointer-events:none;opacity:.05; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); animation:pdhGrain 8s steps(6) infinite} @keyframes pdhGrain{ 0%{transform:translate(0,0)} 16%{transform:translate(-3%,2%)} 33%{transform:translate(2%,-3%)} 50%{transform:translate(-2%,-2%)} 66%{transform:translate(3%,1%)} 83%{transform:translate(-1%,3%)} 100%{transform:translate(0,0)}} .pdh-vig{position:absolute;inset:0;z-index:3;pointer-events:none; background:radial-gradient(120% 96% at 40% 42%,transparent 38%,rgba(0,0,0,.72) 100%)} /* ═══════════════════════════════════════════════════════════════════ ۲. چیدمان ═══════════════════════════════════════════════════════════════════ */ .pdh-layout{position:relative;z-index:5; display:grid;grid-template-columns:1.24fr .76fr; gap:clamp(16px,3vw,44px);align-items:center} .pdh-tx{padding-block:clamp(20px,3.4vw,44px) clamp(26px,3.8vw,54px)} /* ═══════════════════════════════════════════════════════════════════ ۳. سرتیتر ═══════════════════════════════════════════════════════════════════ */ .pdh-flag{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:100px; border:1px solid rgba(99,102,241,.32);background:rgba(99,102,241,.11); color:var(--nil-3);font-size:.77rem;font-weight:700;margin-bottom:18px; backdrop-filter:blur(8px)} .pdh-flag i{width:7px;height:7px;border-radius:50%;background:var(--nil-2);flex:none; box-shadow:0 0 0 0 rgba(99,102,241,.7);animation:pdhPulse 2.6s infinite} @keyframes pdhPulse{70%{box-shadow:0 0 0 10px rgba(99,102,241,0)} 100%{box-shadow:0 0 0 0 rgba(99,102,241,0)}} .pdh-h1{font-family:var(--display);font-size:clamp(2rem,5vw,3.3rem);font-weight:900; line-height:1.2;letter-spacing:-.026em;margin:0 0 16px;color:#fff; text-shadow:0 2px 36px rgba(0,0,0,.6)} .pdh-h1 b{font-weight:inherit;color:var(--nil-2)} @supports (background-clip:text) or (-webkit-background-clip:text){ .pdh-h1 b{color:transparent;-webkit-background-clip:text;background-clip:text; background-image:linear-gradient(100deg,#C7D2FE 0%,#6366F1 46%,#312E81 100%)}} /* ⭐ توضیح صادقانه‌ی «ثبت» در برابر «خرید» */ .pdh-truth{position:relative;margin:0 0 22px;padding:16px 18px 15px 20px;border-radius:16px; background:linear-gradient(120deg,rgba(99,102,241,.11),rgba(245,165,36,.04)); border:1px solid rgba(99,102,241,.22); border-inline-start:3px solid var(--nil-2); font-size:clamp(.92rem,1.6vw,1.02rem);line-height:2.05;color:#D5D8F0} .pdh-truth strong{color:#fff;font-weight:800} .pdh-truth b{color:var(--nil-3);font-weight:800} /* ═══════════════════════════════════════════════════════════════════ ۴. ⭐ کنسول جستجو ═══════════════════════════════════════════════════════════════════ */ .pdh-console{position:relative;z-index:20;border-radius:22px; padding:clamp(18px,2.4vw,26px); background:linear-gradient(165deg,#0F0E28 0%,#0A0919 88%); border:1px solid rgba(99,102,241,.24); box-shadow:0 2px 8px rgba(0,0,0,.3),0 32px 60px -30px rgba(0,0,0,.85)} .pdh-console::before{content:"";position:absolute;z-index:-1;inset:-13px;border-radius:32px; background:radial-gradient(56% 120% at 50% 50%,rgba(99,102,241,.22),transparent 72%); animation:pdhHalo 4.5s ease-in-out infinite} @keyframes pdhHalo{0%,100%{opacity:.45}50%{opacity:1}} .pdh-con-h{display:flex;align-items:center;gap:11px;margin-bottom:14px} .pdh-led{display:flex;gap:6px;flex:none} .pdh-led i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14)} .pdh-led i:first-child{background:#34D399;box-shadow:0 0 8px 1px rgba(52,211,153,.7); animation:pdhBlink 2.6s ease-in-out infinite} @keyframes pdhBlink{0%,100%{opacity:.45}50%{opacity:1}} .pdh-con-h b{font-family:var(--mono);direction:ltr;font-size:.68rem;letter-spacing:.1em; color:rgba(255,255,255,.42);font-weight:700} .pdh-con-h small{margin-inline-start:auto;font-size:.75rem;color:rgba(255,255,255,.42)} /* فرم — کنتراست تضمین‌شده */ .pdh-form{display:flex;gap:9px;flex-wrap:wrap;position:relative} .pdh-in{position:relative;flex:1 1 250px;display:flex;align-items:center; border-radius:14px;background:#FFFFFF;border:2px solid rgba(255,255,255,.12); transition:border-color .22s,box-shadow .22s} .pdh-in:focus-within{border-color:var(--nil-2); box-shadow:0 0 0 4px rgba(99,102,241,.24)} .pdh-www{flex:none;font-family:var(--mono);direction:ltr;font-size:.85rem;font-weight:700; color:#8B90AE;padding-inline:16px 0;user-select:none} .pdh .pdh-in input[type="text"]{ flex:1;min-width:0;font-family:var(--mono);font-size:1rem;font-weight:700; direction:ltr;text-align:left; color:#0C0B22 !important; -webkit-text-fill-color:#0C0B22 !important; background:#FFFFFF !important;background-image:none !important; padding:17px 10px 17px 14px; border:0 !important;outline:none;box-shadow:none !important; border-radius:0 12px 12px 0;caret-color:#6366F1} .pdh .pdh-in input[type="text"]::placeholder{ color:#9CA1BE !important;-webkit-text-fill-color:#9CA1BE !important;font-weight:500} .pdh .pdh-in input[type="text"]:-webkit-autofill, .pdh .pdh-in input[type="text"]:-webkit-autofill:hover, .pdh .pdh-in input[type="text"]:-webkit-autofill:focus{ -webkit-text-fill-color:#0C0B22 !important; -webkit-box-shadow:0 0 0 60px #FFFFFF inset !important; box-shadow:0 0 0 60px #FFFFFF inset !important; transition:background-color 9999s ease-in-out 0s} .pdh-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:9px; font:inherit;font-weight:800;font-size:.95rem;padding:18px 28px;border-radius:14px; border:0;cursor:pointer;color:#0B0A20;white-space:nowrap; background:linear-gradient(135deg,#C7D2FE,#6366F1 46%,#312E81); box-shadow:0 12px 28px -12px rgba(99,102,241,.95),inset 0 1px 0 rgba(255,255,255,.45); transition:transform .14s,box-shadow .24s} .pdh-btn:active{transform:translateY(1px)} .pdh-btn:hover{box-shadow:0 18px 38px -12px rgba(99,102,241,1)} .pdh-btn svg{flex:none} /* نتایج زنده — استایل دفاعی */ #domainSuggestions{ position:absolute;z-index:60;inset-inline:0;inset-block-start:calc(100% + 10px); max-height:min(56vh,420px);overflow:auto;border-radius:16px; background:#FFFFFF;border:1px solid #C9CDE4; box-shadow:0 26px 52px -20px rgba(0,0,0,.5); color:#0C0B22;font-size:.9rem;line-height:1.9;scrollbar-width:thin} #domainSuggestions *{color:inherit;box-sizing:border-box} #domainSuggestions b,#domainSuggestions strong{color:#0C0B22;font-weight:800} #domainSuggestions small{color:#6B7089} #domainSuggestions > *, #domainSuggestions ul > li, #domainSuggestions .ds-item, #domainSuggestions .ds-row{display:flex;align-items:center;justify-content:space-between; gap:12px;padding:14px 18px;border-block-start:1px solid #EDEFF7; text-decoration:none;transition:background .18s} #domainSuggestions > *:first-child, #domainSuggestions ul > li:first-child{border-block-start:0} #domainSuggestions > *:hover, #domainSuggestions ul > li:hover, #domainSuggestions a:hover{background:#F6F7FC} #domainSuggestions ul{list-style:none;margin:0;padding:0;display:block} #domainSuggestions a{color:#4338CA;font-weight:800;text-decoration:none} #domainSuggestions .ds-name, #domainSuggestions .domain-name{font-family:var(--mono);direction:ltr;font-weight:700} #domainSuggestions .available,#domainSuggestions .is-free, #domainSuggestions .ds-free{color:#0F766E;font-weight:800} #domainSuggestions .unavailable,#domainSuggestions .taken, #domainSuggestions .ds-taken{color:#9F1239;font-weight:800} #domainSuggestions button,#domainSuggestions .ds-btn,#domainSuggestions .btn{ flex:none;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer; padding:9px 16px;border-radius:10px;border:0;color:#0B0A20; background:linear-gradient(135deg,#A5B4FC,#4338CA)} #domainSuggestions .loading,#domainSuggestions .ds-loading, #domainSuggestions .empty{justify-content:center;color:#6B7089;font-weight:600;padding:22px} /* پسوندها */ .pdh-tld{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px} .pdh-tld span{display:inline-flex;align-items:baseline;gap:8px;padding:9px 15px; border-radius:99px;font-size:.8rem; background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)} .pdh-tld b{font-family:var(--mono);direction:ltr;font-size:.85rem;font-weight:700;color:#fff} .pdh-tld i{font-style:normal;font-family:var(--mono);direction:ltr;font-weight:700; color:var(--nil-3)} .pdh-tld small{font-size:.7rem;color:rgba(255,255,255,.4)} .pdh-tld .is-hit{border-color:rgba(245,165,36,.4);background:rgba(245,165,36,.14)} .pdh-tld .is-hit i{color:var(--gold-3)} /* ═══════════════════════════════════════════════════════════════════ ۵. ⭐ اعتبارنامه — پرتره در قاب طاقی ═══════════════════════════════════════════════════════════════════ */ .pdh-cred{position:relative;margin:0;align-self:center;min-width:0; display:flex;flex-direction:column;align-items:center;gap:16px} .pdh-portrait{position:relative;width:min(100%,300px); /* قاب طاقی — بالای گرد، پایین صاف */ border-radius:50% 50% 20px 20px / 38% 38% 20px 20px; overflow:hidden;isolation:isolate; border:1px solid rgba(165,180,252,.28); background:linear-gradient(180deg,#141336,#0A0919); box-shadow:0 26px 54px -28px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.08)} .pdh-portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 12%; /* تصحیح نور زرد و آبی نامتوازن تصویر */ filter:contrast(1.06) saturate(.82) brightness(1.02)} /* لایه‌ی دوتون — رنگ تصویر با پالت صفحه یکی می‌شود */ .pdh-portrait::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none; background:linear-gradient(165deg,rgba(99,102,241,.24),rgba(245,165,36,.08)); mix-blend-mode:color;opacity:.72} /* محو شدن لبه‌ی پایین — برش تصویر عمدی به نظر می‌رسد */ .pdh-portrait::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none; background:linear-gradient(180deg,transparent 52%,rgba(10,9,25,.5) 82%,rgba(10,9,25,.95) 100%)} /* هاله‌ی پشت پرتره */ .pdh-cred::before{content:"";position:absolute;z-index:-1;pointer-events:none; inset-block-start:2%;inset-inline-start:50%;translate:-50% 0; width:104%;aspect-ratio:1;border-radius:50%; background:radial-gradient(circle,rgba(99,102,241,.24),transparent 66%); filter:blur(38px);animation:pdhAura 8s ease-in-out infinite} @keyframes pdhAura{0%,100%{opacity:.66;transform:translate(-50%,0) scale(1)} 50%{opacity:1;transform:translate(-50%,0) scale(1.05)}} /* پلاک اعتبارنامه */ .pdh-plate{position:relative;width:min(100%,320px);border-radius:16px; padding:15px 18px;text-align:center; background:linear-gradient(165deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); border:1px solid var(--line-2);backdrop-filter:blur(10px)} .pdh-plate::before{content:"";position:absolute;inset-block-start:0;inset-inline:22%; height:2px;border-radius:2px; background:linear-gradient(90deg,transparent,var(--gold-2),transparent)} .pdh-plate b{display:block;font-family:var(--display);font-size:1rem;font-weight:900;color:#fff} .pdh-plate small{display:block;font-size:.76rem;color:var(--tx-3);margin-top:4px;line-height:1.75} .pdh-plate-id{display:inline-flex;align-items:center;gap:7px;margin-top:11px; padding:6px 13px;border-radius:99px;font-size:.7rem;font-weight:700; color:var(--gold-3);background:rgba(245,165,36,.12); border:1px solid rgba(245,165,36,.24)} .pdh-plate-id svg{flex:none} /* ═══════════════════════════════════════════════════════════════════ ۶. نوار تعهدها ═══════════════════════════════════════════════════════════════════ */ .pdh-deck{position:relative;z-index:5;border-block-start:1px solid var(--line); background:rgba(8,8,26,.66);backdrop-filter:blur(14px)} .pdh-deck ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)} .pdh-deck li{display:flex;align-items:center;gap:13px; padding:20px clamp(10px,1.6vw,20px);border-inline-start:1px solid var(--line)} .pdh-deck li:first-child{border-inline-start:0} .pdh-deck li>svg{flex:none;color:var(--nil-2)} .pdh-deck b{display:block;font-size:.89rem;font-weight:800;color:#fff;line-height:1.5} .pdh-deck small{display:block;font-size:.74rem;color:var(--tx-3);margin-top:2px} /* ═══════════════════════════════════════════════════════════════════ ۷. واکنش‌گرایی ═══════════════════════════════════════════════════════════════════ */ @media (max-width:1000px){ .pdh-layout{grid-template-columns:1fr} .pdh-cred{order:-1;flex-direction:row;justify-content:center;align-items:center; gap:18px;margin-bottom:6px} .pdh-portrait{width:min(38%,150px)} .pdh-plate{width:auto;flex:1;max-width:300px;text-align:start} .pdh-plate::before{inset-inline:0 60%} .pdh-cred::before{display:none} .pdh-tx{padding-block:8px 0} .pdh-deck ul{grid-template-columns:repeat(2,1fr)} .pdh-deck li{border-block-start:1px solid var(--line)} .pdh-deck li:nth-child(-n+2){border-block-start:0} .pdh-deck li:nth-child(odd){border-inline-start:0} .pdh-light{background: radial-gradient(62% 40% at 50% 24%,rgba(99,102,241,.2) 0%,rgba(49,46,129,.12) 34%,transparent 66%), linear-gradient(180deg,#0C0B22 0%,#08081A 54%,var(--ink) 100%)} .pdh-grid{-webkit-mask-image:radial-gradient(64% 42% at 50% 24%,#000,transparent 74%); mask-image:radial-gradient(64% 42% at 50% 24%,#000,transparent 74%)} } @media (max-width:560px){ .pdh-btn{flex:1 1 100%} .pdh-grain{display:none} .pdh-cred{flex-direction:column;gap:14px} .pdh-portrait{width:min(56%,180px)} .pdh-plate{text-align:center;width:min(100%,320px)} .pdh-plate::before{inset-inline:22%} .pdh-con-h small{display:none} .pdh-deck ul{grid-template-columns:1fr} .pdh-deck li{border-inline-start:0;border-block-start:1px solid var(--line)} .pdh-deck li:first-child{border-block-start:0} } /* ═══════════════════════════════════════════════════════════════════ ۸. کاهش حرکت ═══════════════════════════════════════════════════════════════════ */ @media (prefers-reduced-motion:reduce){ .pdh *,.pdh *::before,.pdh *::after{ animation:none !important;transition-duration:.001ms !important} .pdh-grain{display:none} } /* ═══ ۰۳ · تعرفه‌ی پسوندها .pdm- ═══════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════ فونت‌ها — اگر بلوک دیگری در همین صفحه هست، این را حذف کنید ═══════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════ ۰. پایه — روشن نیلی ═══════════════════════════════════════════════════════════════════ */ .pdm{ --paper:#FFFFFF; --paper-2:#F7F8FD; --paper-3:#EDEFF9; --line:#E5E8F5; --line-2:#C9CDE4; --tx:#0F1024; --tx-2:#4E5270; --tx-3:#8A8FAE; --nil:#312E81; --nil-2:#6366F1; --nil-3:#A5B4FC; --nil-s:rgba(99,102,241,.11); --gold:#C2760A; --gold-2:#F5A524; --gold-s:rgba(245,165,36,.14); --em:#0F766E; --em-2:#34D399; position:relative;overflow:hidden;isolation:isolate;color:var(--tx); background:linear-gradient(180deg,#FCFCFE 0%,#F1F3FB 100%); padding-block:clamp(40px,6vw,72px); } .pdm-wrap{width:min(1200px,100% - 2*var(--pad));margin-inline:auto;position:relative;z-index:2} .pdm :is(a,button,input):focus-visible{outline:2px solid var(--nil-2);outline-offset:3px; border-radius:10px} .pdm::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5; background-image:radial-gradient(circle at 1px 1px,rgba(15,16,36,.05) 1px,transparent 0); background-size:24px 24px; -webkit-mask-image:linear-gradient(180deg,#000,transparent 46%); mask-image:linear-gradient(180deg,#000,transparent 46%)} /* رنگ دسته‌ها */ .pdm [data-cat=ir] {--c:#0F766E;--c2:#34D399;--cs:rgba(52,211,153,.13)} .pdm [data-cat=global]{--c:#312E81;--c2:#6366F1;--cs:rgba(99,102,241,.12)} .pdm [data-cat=store] {--c:#C2760A;--c2:#F5A524;--cs:rgba(245,165,36,.14)} .pdm [data-cat=tech] {--c:#0E7490;--c2:#22D3EE;--cs:rgba(34,211,238,.13)} /* ═══════════════════════════════════════════════════════════════════ ۱. میانبرها ═══════════════════════════════════════════════════════════════════ */ .pdm-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center; margin-bottom:clamp(26px,3.4vw,38px)} .pdm-nav a{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:13px; font-size:.87rem;font-weight:800;text-decoration:none;color:var(--tx-2); background:var(--paper);border:1px solid var(--line);transition:.2s; box-shadow:0 1px 2px rgba(15,16,36,.04)} .pdm-nav a:hover{color:var(--nil);border-color:var(--nil-2);background:var(--nil-s)} .pdm-nav a.is-on{color:#fff;border-color:transparent; background:linear-gradient(135deg,var(--nil-2),var(--nil)); box-shadow:0 12px 26px -12px var(--nil)} .pdm-nav svg{flex:none} /* ═══════════════════════════════════════════════════════════════════ ۲. سرتیتر ═══════════════════════════════════════════════════════════════════ */ .pdm-head{text-align:center;max-width:62ch;margin:0 auto clamp(22px,3vw,30px)} .pdm-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:700; color:var(--tx-3);margin:0 0 14px} .pdm-eyebrow::before,.pdm-eyebrow::after{content:"";width:26px;height:1px; background:linear-gradient(90deg,transparent,var(--nil-2))} .pdm-h2{font-family:var(--display);font-size:clamp(1.6rem,3.7vw,2.5rem);font-weight:900; line-height:1.34;letter-spacing:-.016em;margin:0 0 12px;color:var(--tx);position:relative;z-index:0} .pdm-h2 em{font-style:normal;color:var(--nil);position:relative} .pdm-h2 em::after{content:"";position:absolute;inset-inline:-3px;inset-block-end:.05em;height:.34em; z-index:-1;border-radius:3px;background:linear-gradient(90deg,var(--nil-s),transparent)} .pdm-lead{font-size:clamp(.93rem,1.5vw,1.03rem);line-height:2;color:var(--tx-2);margin:0} .pdm-lead strong{color:var(--tx);font-weight:800} /* ═══════════════════════════════════════════════════════════════════ ۳. نوار ابزار — فیلتر و جستجو ═══════════════════════════════════════════════════════════════════ */ .pdm-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between; margin-bottom:clamp(14px,2vw,20px)} .pdm-cats{display:flex;flex-wrap:wrap;gap:7px} .pdm-cat{font:inherit;font-size:.82rem;font-weight:700;cursor:pointer; padding:10px 17px;border-radius:99px;border:1px solid var(--line); background:var(--paper);color:var(--tx-2);transition:.16s;white-space:nowrap} .pdm-cat:hover{border-color:var(--nil-2);color:var(--nil)} .pdm-cat[aria-pressed=true]{color:#fff;border-color:transparent; background:linear-gradient(135deg,var(--nil-2),var(--nil)); box-shadow:0 10px 22px -11px var(--nil)} .pdm-find{position:relative;flex:1 1 220px;max-width:300px;display:flex;align-items:center; border-radius:12px;background:var(--paper);border:1px solid var(--line-2); transition:border-color .2s,box-shadow .2s} .pdm-find:focus-within{border-color:var(--nil-2);box-shadow:0 0 0 3px var(--nil-s)} .pdm-find svg{flex:none;margin-inline-start:14px;color:var(--tx-3)} .pdm .pdm-find input[type="text"]{ flex:1;min-width:0;font:inherit;font-size:.87rem;font-weight:600; color:var(--tx) !important;-webkit-text-fill-color:var(--tx) !important; background:transparent !important; padding:12px 10px 12px 14px;border:0 !important;outline:none;box-shadow:none !important} .pdm .pdm-find input[type="text"]::placeholder{ color:var(--tx-3) !important;-webkit-text-fill-color:var(--tx-3) !important;font-weight:500} /* ═══════════════════════════════════════════════════════════════════ ۴. ⭐ شبکه‌ی پسوندها — رندر سمت سرور ═══════════════════════════════════════════════════════════════════ */ .pdm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,16px)} .pdm-card.is-off{display:none} .pdm-card{position:relative;display:flex;flex-direction:column;overflow:hidden; border-radius:18px;padding:clamp(17px,2.1vw,21px); background:var(--paper);border:1px solid var(--line); box-shadow:0 1px 2px rgba(15,16,36,.04),0 14px 28px -24px rgba(15,16,36,.3); transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s,box-shadow .28s} .pdm-card:hover{transform:translateY(-4px);border-color:var(--c2); box-shadow:0 2px 4px rgba(15,16,36,.05),0 24px 44px -24px var(--c)} .pdm-card::before{content:"";position:absolute;z-index:0;pointer-events:none; inset-block-start:-46%;inset-inline-end:-22%;width:62%;aspect-ratio:1;border-radius:50%; background:radial-gradient(circle,var(--cs),transparent 68%)} .pdm-card>*{position:relative;z-index:1} .pdm-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:9px} .pdm-tld{font-family:var(--mono);direction:ltr;font-size:1.24rem;font-weight:700; color:var(--c);letter-spacing:-.02em} .pdm-hit{font-size:.66rem;font-weight:800;padding:4px 10px;border-radius:99px; color:#fff;background:linear-gradient(135deg,var(--c2),var(--c))} .pdm-use{margin:0 0 14px;font-size:.79rem;line-height:1.85;color:var(--tx-2);flex:1} /* قیمت‌ها */ .pdm-price{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap; padding-block:12px;margin-bottom:13px; border-block:1px solid var(--line)} .pdm-p{display:flex;flex-direction:column;gap:3px} .pdm-p small{font-size:.68rem;font-weight:600;color:var(--tx-3)} .pdm-p b{font-family:var(--display);font-size:1.02rem;font-weight:900;color:var(--tx); line-height:1.2} .pdm-p b i{font-style:normal;font-size:.62em;font-weight:700;color:var(--tx-3)} /* ⭐ ستون تمدید — تمایز واقعی */ .pdm-p--ren{margin-inline-start:auto;text-align:end} .pdm-p--ren b{color:var(--tx-2)} .pdm-same{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700; color:var(--em);padding:4px 10px;border-radius:99px;background:rgba(52,211,153,.13); margin-inline-start:auto} .pdm-same svg{flex:none} .pdm-go{display:flex;align-items:center;justify-content:center;gap:8px; font-size:.84rem;font-weight:800;padding:12px 18px;border-radius:11px;text-decoration:none; color:var(--c);background:var(--cs);transition:.2s} .pdm-go:hover{color:#fff;background:linear-gradient(135deg,var(--c2),var(--c)); box-shadow:0 10px 22px -11px var(--c)} .pdm-go svg{flex:none} /* حالت خالی جستجو */ .pdm-none{display:none;flex-direction:column;align-items:center;gap:12px;text-align:center; padding:44px 24px;border-radius:18px;background:var(--paper-2); border:1px dashed var(--line-2)} .pdm-none.is-on{display:flex} .pdm-none svg{color:var(--tx-3)} .pdm-none b{font-family:var(--display);font-size:1rem;font-weight:900;color:var(--tx)} .pdm-none p{margin:0;font-size:.85rem;line-height:1.9;color:var(--tx-2);max-width:40ch} /* ═══════════════════════════════════════════════════════════════════ ۵. پانویس ═══════════════════════════════════════════════════════════════════ */ .pdm-note{display:flex;gap:11px;align-items:flex-start;margin:clamp(14px,2vw,20px) 0 0; padding:16px 20px;border-radius:16px;background:var(--paper-2); border:1px solid var(--line);font-size:.81rem;line-height:2;color:var(--tx-2)} .pdm-note svg{flex:none;margin-top:5px;color:var(--nil)} .pdm-note b{color:var(--tx);font-weight:800} .pdm-note a{color:var(--nil);font-weight:800;text-decoration:underline;text-underline-offset:3px} .pdm-note a:hover{color:var(--tx)} /* ═══════════════════════════════════════════════════════════════════ ۶. واکنش‌گرایی ═══════════════════════════════════════════════════════════════════ */ @media (max-width:980px){ .pdm-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:640px){ .pdm-grid{grid-template-columns:1fr} .pdm-find{max-width:none;flex:1 1 100%} .pdm-nav a{flex:1 1 auto;justify-content:center} } /* ═══════════════════════════════════════════════════════════════════ ۷. کاهش حرکت ═══════════════════════════════════════════════════════════════════ */ @media (prefers-reduced-motion:reduce){ .pdm *,.pdm *::before,.pdm *::after{ animation:none !important;transition-duration:.001ms !important} } /* ═══ ۰۴ · جستجوی میانی .pds- ══════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════ فونت‌ها — اگر بلوک دیگری در همین صفحه هست، این را حذف کنید ═══════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════ ۰. پایه — شب نیلی ═══════════════════════════════════════════════════════════════════ */ .pds{ --ink:#06060F; --panel:#0D0C24; --nil:#312E81; --nil-2:#6366F1; --nil-3:#A5B4FC; --nil-4:#C7D2FE; --gold:#C2760A; --gold-2:#F5A524; --gold-3:#FFD27A; --tx:#F1F2FB; --tx-2:#AEB2CE; --tx-3:#8288A8; --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.20); position:relative;isolation:isolate;overflow:hidden; background:var(--ink);color:var(--tx); padding-block:clamp(48px,7vw,88px) 0; -webkit-font-smoothing:antialiased; } .pds-wrap{width:min(1240px,100% - 2*var(--pad));margin-inline:auto;position:relative;z-index:2} .pds :is(a,button,input):focus-visible{outline:2px solid var(--nil-2);outline-offset:3px; border-radius:11px} .pds-light{position:absolute;inset:0;z-index:0;pointer-events:none; background: radial-gradient(46% 56% at 36% 46%, rgba(99,102,241,.22) 0%, rgba(49,46,129,.13) 34%, transparent 68%), radial-gradient(74% 44% at 76% -8%, rgba(245,165,36,.08) 0%, transparent 56%), linear-gradient(180deg,#0B0A20 0%,#08081A 54%,var(--ink) 100%)} .pds-grid{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.34; background-image:linear-gradient(rgba(165,180,252,.07) 1px,transparent 1px), linear-gradient(90deg,rgba(165,180,252,.07) 1px,transparent 1px); background-size:54px 54px; -webkit-mask-image:radial-gradient(64% 58% at 36% 46%,#000,transparent 74%); mask-image:radial-gradient(64% 58% at 36% 46%,#000,transparent 74%)} /* ═══════════════════════════════════════════════════════════════════ ۱. چیدمان — متن راست، تصویر چپ (انگشت به کادر اشاره می‌کند) ═══════════════════════════════════════════════════════════════════ */ .pds-layout{display:grid;grid-template-columns:1.2fr .8fr; gap:clamp(8px,2vw,32px);align-items:end} .pds-tx{padding-block-end:clamp(34px,4.6vw,62px)} .pds-flag{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:100px; border:1px solid rgba(99,102,241,.30);background:rgba(99,102,241,.11); color:var(--nil-3);font-size:.77rem;font-weight:700;margin-bottom:18px} .pds-flag i{width:7px;height:7px;border-radius:50%;background:var(--nil-2);flex:none; box-shadow:0 0 0 0 rgba(99,102,241,.7);animation:pdsPulse 2.6s infinite} @keyframes pdsPulse{70%{box-shadow:0 0 0 10px rgba(99,102,241,0)} 100%{box-shadow:0 0 0 0 rgba(99,102,241,0)}} .pds-h2{font-family:var(--display);font-size:clamp(1.7rem,4.2vw,2.8rem);font-weight:900; line-height:1.28;letter-spacing:-.022em;margin:0 0 14px;color:#fff; text-shadow:0 2px 34px rgba(0,0,0,.6)} .pds-h2 b{font-weight:inherit;color:var(--nil-2)} @supports (background-clip:text) or (-webkit-background-clip:text){ .pds-h2 b{color:transparent;-webkit-background-clip:text;background-clip:text; background-image:linear-gradient(100deg,#C7D2FE 0%,#6366F1 46%,#312E81 100%)}} .pds-lead{font-size:clamp(.94rem,1.5vw,1.04rem);line-height:2.05;color:var(--tx-2); margin:0 0 24px;max-width:50ch} .pds-lead strong{color:#fff;font-weight:700} /* ═══════════════════════════════════════════════════════════════════ ۲. ⭐ کنسول جستجو — مستقل از هیرو ═══════════════════════════════════════════════════════════════════ */ .pds-console{position:relative;z-index:20;border-radius:22px; padding:clamp(18px,2.4vw,26px); background:linear-gradient(165deg,#100F2A 0%,#0A0919 88%); border:1px solid rgba(99,102,241,.24); box-shadow:0 2px 8px rgba(0,0,0,.3),0 32px 60px -30px rgba(0,0,0,.85)} .pds-console::before{content:"";position:absolute;z-index:-1;inset:-13px;border-radius:32px; background:radial-gradient(56% 120% at 50% 50%,rgba(99,102,241,.22),transparent 72%); animation:pdsHalo 4.5s ease-in-out infinite} @keyframes pdsHalo{0%,100%{opacity:.45}50%{opacity:1}} .pds-con-h{display:flex;align-items:center;gap:11px;margin-bottom:14px} .pds-led{display:flex;gap:6px;flex:none} .pds-led i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14)} .pds-led i:first-child{background:#34D399;box-shadow:0 0 8px 1px rgba(52,211,153,.7); animation:pdsBlink 2.6s ease-in-out infinite} @keyframes pdsBlink{0%,100%{opacity:.45}50%{opacity:1}} .pds-con-h b{font-family:var(--mono);direction:ltr;font-size:.68rem;letter-spacing:.1em; color:rgba(255,255,255,.42);font-weight:700} .pds-con-h small{margin-inline-start:auto;font-size:.75rem;color:rgba(255,255,255,.42)} .pds-form{display:flex;gap:9px;flex-wrap:wrap} .pds-in{position:relative;flex:1 1 250px;display:flex;align-items:center; border-radius:14px;background:#FFFFFF;border:2px solid rgba(255,255,255,.12); transition:border-color .22s,box-shadow .22s} .pds-in:focus-within{border-color:var(--nil-2);box-shadow:0 0 0 4px rgba(99,102,241,.24)} .pds-www{flex:none;font-family:var(--mono);direction:ltr;font-size:.85rem;font-weight:700; color:#8B90AE;padding-inline:16px 0;user-select:none} /* کنتراست تضمین‌شده */ .pds .pds-in input[type="text"]{ flex:1;min-width:0;font-family:var(--mono);font-size:1rem;font-weight:700; direction:ltr;text-align:left; color:#0C0B22 !important;-webkit-text-fill-color:#0C0B22 !important; background:#FFFFFF !important;background-image:none !important; padding:17px 10px 17px 14px; border:0 !important;outline:none;box-shadow:none !important; border-radius:0 12px 12px 0;caret-color:#6366F1} .pds .pds-in input[type="text"]::placeholder{ color:#9CA1BE !important;-webkit-text-fill-color:#9CA1BE !important;font-weight:500} .pds .pds-in input[type="text"]:-webkit-autofill, .pds .pds-in input[type="text"]:-webkit-autofill:hover, .pds .pds-in input[type="text"]:-webkit-autofill:focus{ -webkit-text-fill-color:#0C0B22 !important; -webkit-box-shadow:0 0 0 60px #FFFFFF inset !important; box-shadow:0 0 0 60px #FFFFFF inset !important; transition:background-color 9999s ease-in-out 0s} .pds-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:9px; font:inherit;font-weight:800;font-size:.95rem;padding:18px 28px;border-radius:14px; border:0;cursor:pointer;color:#0B0A20;white-space:nowrap; background:linear-gradient(135deg,#C7D2FE,#6366F1 46%,#312E81); box-shadow:0 12px 28px -12px rgba(99,102,241,.95),inset 0 1px 0 rgba(255,255,255,.45); transition:transform .14s,box-shadow .24s} .pds-btn:active{transform:translateY(1px)} .pds-btn:hover{box-shadow:0 18px 38px -12px rgba(99,102,241,1)} .pds-btn svg{flex:none} /* پسوندهای پرکاربرد */ .pds-tld{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:15px} .pds-tld > span{font-size:.77rem;color:rgba(255,255,255,.4);margin-inline-end:3px} .pds-tld button{font:inherit;font-family:var(--mono);direction:ltr; font-size:.82rem;font-weight:700;cursor:pointer; padding:8px 15px;border-radius:99px;color:var(--nil-3); background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:.18s} .pds-tld button:hover{color:#0B0A20;border-color:transparent; background:linear-gradient(135deg,var(--nil-4),var(--nil-2)); box-shadow:0 8px 18px -9px var(--nil-2)} /* یادداشت زیر کنسول */ .pds-hint{display:flex;gap:9px;align-items:flex-start;margin:14px 0 0; font-size:.79rem;line-height:1.9;color:var(--tx-3)} .pds-hint svg{flex:none;margin-top:4px;color:var(--nil-3)} .pds-hint b{color:var(--tx-2);font-weight:700} /* ═══════════════════════════════════════════════════════════════════ ۳. ستون تصویر ═══════════════════════════════════════════════════════════════════ */ .pds-fig{position:relative;margin:0;align-self:end;min-width:0} .pds-fig::before{content:"";position:absolute;z-index:0;pointer-events:none; inset-block-end:6%;inset-inline-start:50%;translate:-50% 0; width:88%;aspect-ratio:1;border-radius:50%; background:radial-gradient(circle,rgba(99,102,241,.24),transparent 68%); filter:blur(36px);animation:pdsAura 8s ease-in-out infinite} @keyframes pdsAura{0%,100%{opacity:.68;transform:translate(-50%,0) scale(1)} 50%{opacity:1;transform:translate(-50%,0) scale(1.05)}} .pds-fig::after{content:"";position:absolute;z-index:1;pointer-events:none; inset-block-end:-2px;inset-inline-start:50%;translate:-50% 0; width:56%;height:24px;border-radius:50%; background:radial-gradient(ellipse,rgba(0,0,0,.8),transparent 70%);filter:blur(12px)} .pds-fig>img{position:relative;z-index:2;width:100%;max-width:440px;margin-inline:auto; filter:drop-shadow(0 22px 46px rgba(0,0,0,.72))} .pds-chip{position:absolute;z-index:4;inset-block-start:14%;inset-inline-start:-6%; display:flex;align-items:center;gap:11px;padding:11px 15px;border-radius:13px; border:1px solid var(--line-2);background:rgba(10,9,25,.86); backdrop-filter:blur(14px) saturate(1.2); box-shadow:0 18px 40px -22px rgba(0,0,0,.95); animation:pdsFloat 6s ease-in-out infinite} @keyframes pdsFloat{0%,100%{translate:0 0}50%{translate:0 -8px}} .pds-chip-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center; color:#0B0A20;background:linear-gradient(140deg,var(--nil-4),var(--nil-2))} .pds-chip b{display:block;font-size:.85rem;font-weight:800;color:#fff;line-height:1.5} .pds-chip small{display:block;font-size:.72rem;color:var(--tx-3);margin-top:2px} /* ═══════════════════════════════════════════════════════════════════ ۴. واکنش‌گرایی ═══════════════════════════════════════════════════════════════════ */ @media (max-width:1000px){ .pds-layout{grid-template-columns:1fr} .pds-fig{order:-1;max-width:310px;margin-inline:auto;width:100%} .pds-fig>img{max-width:270px} .pds-tx{padding-block-end:clamp(26px,3.4vw,38px)} .pds-chip{inset-inline-start:-2%} .pds-light{background: radial-gradient(62% 40% at 50% 24%,rgba(99,102,241,.2) 0%,rgba(49,46,129,.12) 34%,transparent 66%), linear-gradient(180deg,#0B0A20 0%,#08081A 54%,var(--ink) 100%)} .pds-grid{-webkit-mask-image:radial-gradient(64% 42% at 50% 24%,#000,transparent 74%); mask-image:radial-gradient(64% 42% at 50% 24%,#000,transparent 74%)} } @media (max-width:560px){ .pds-btn{flex:1 1 100%} .pds-chip{display:none} .pds-con-h small{display:none} .pds-tld > span{flex:1 1 100%;margin-bottom:2px} } /* ═══════════════════════════════════════════════════════════════════ ۵. کاهش حرکت ═══════════════════════════════════════════════════════════════════ */ @media (prefers-reduced-motion:reduce){ .pds *,.pds *::before,.pds *::after{ animation:none !important;transition-duration:.001ms !important} } /* ═══ ۰۵ · دامنه و سئو .pdg- ═══════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════ فونت‌ها — اگر بلوک دیگری در همین صفحه هست، این را حذف کنید ═══════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════ ۰. پایه — روشن نیلی ═══════════════════════════════════════════════════════════════════ */ .pdg{ --paper:#FFFFFF; --paper-2:#F7F8FD; --paper-3:#EDEFF9; --line:#E5E8F5; --line-2:#C9CDE4; --tx:#0F1024; --tx-2:#4E5270; --tx-3:#8A8FAE; --nil:#312E81; --nil-2:#6366F1; --nil-s:rgba(99,102,241,.11); --em:#0F766E; --em-2:#34D399; --em-s:rgba(52,211,153,.13); --gold:#C2760A; --gold-2:#F5A524; --gold-s:rgba(245,165,36,.14); --cy:#0E7490; --cy-2:#22D3EE; --cy-s:rgba(34,211,238,.13); --gray:#64748B; --gray-2:#94A3B8; position:relative;overflow:hidden;isolation:isolate;color:var(--tx); background:linear-gradient(180deg,#FCFCFE 0%,#F1F3FB 100%); padding-block:clamp(56px,8vw,104px); } .pdg-wrap{width:min(1140px,100% - 2*var(--pad));margin-inline:auto;position:relative;z-index:2} .pdg :is(a,button):focus-visible{outline:2px solid var(--nil-2);outline-offset:3px;border-radius:10px} .pdg::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5; background-image:radial-gradient(circle at 1px 1px,rgba(15,16,36,.05) 1px,transparent 0); background-size:24px 24px; -webkit-mask-image:linear-gradient(180deg,#000,transparent 44%); mask-image:linear-gradient(180deg,#000,transparent 44%)} /* رنگ واقعیت‌ها */ .pdg [data-c=em] {--c:var(--em);--c2:var(--em-2);--cs:var(--em-s)} .pdg [data-c=nil] {--c:var(--nil);--c2:var(--nil-2);--cs:var(--nil-s)} .pdg [data-c=gold]{--c:var(--gold);--c2:var(--gold-2);--cs:var(--gold-s)} .pdg [data-c=cy] {--c:var(--cy);--c2:var(--cy-2);--cs:var(--cy-s)} /* ═══════════════════════════════════════════════════════════════════ ۱. سرتیتر ═══════════════════════════════════════════════════════════════════ */ .pdg-head{text-align:center;max-width:64ch;margin:0 auto clamp(28px,3.6vw,42px)} .pdg-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:700; color:var(--tx-3);margin:0 0 14px} .pdg-eyebrow::before,.pdg-eyebrow::after{content:"";width:26px;height:1px; background:linear-gradient(90deg,transparent,var(--nil-2))} .pdg-h2{font-family:var(--display);font-size:clamp(1.6rem,3.7vw,2.6rem);font-weight:900; line-height:1.34;letter-spacing:-.016em;margin:0 0 14px;color:var(--tx);position:relative;z-index:0} .pdg-h2 em{font-style:normal;color:var(--nil);position:relative} .pdg-h2 em::after{content:"";position:absolute;inset-inline:-3px;inset-block-end:.05em;height:.34em; z-index:-1;border-radius:3px;background:linear-gradient(90deg,var(--nil-s),transparent)} .pdg-lead{font-size:clamp(.94rem,1.5vw,1.05rem);line-height:2.05;color:var(--tx-2);margin:0} .pdg-lead strong{color:var(--tx);font-weight:800} /* ═══════════════════════════════════════════════════════════════════ ۲. ⭐ چهار باور نادرست ═══════════════════════════════════════════════════════════════════ */ .pdg-block{border-radius:22px;overflow:hidden;border:1px solid var(--line); background:var(--paper); box-shadow:0 2px 6px rgba(15,16,36,.04),0 24px 46px -32px rgba(15,16,36,.26)} .pdg-block + .pdg-block{margin-top:clamp(16px,2.2vw,24px)} .pdg-block-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap; padding:17px clamp(16px,2.2vw,24px);border-block-end:1px solid var(--line)} .pdg-block-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center; color:#fff} .pdg-block-h b{font-family:var(--display);font-size:1.06rem;font-weight:900;color:var(--tx); line-height:1.45} .pdg-block-h small{display:block;font-size:.78rem;color:var(--tx-3);margin-top:3px} .pdg-count{margin-inline-start:auto;font-family:var(--mono);direction:ltr;font-size:.72rem; font-weight:700;padding:5px 12px;border-radius:99px} /* بلوک افسانه — خاکستری، نه قرمز */ .pdg-block--myth .pdg-block-h{background:linear-gradient(120deg,rgba(100,116,139,.09),transparent)} .pdg-block--myth .pdg-block-ic{background:linear-gradient(140deg,var(--gray-2),var(--gray)); box-shadow:0 10px 22px -11px var(--gray)} .pdg-block--myth .pdg-count{color:var(--gray);background:rgba(100,116,139,.11)} /* بلوک واقعیت — نیلی */ .pdg-block--real .pdg-block-h{background:linear-gradient(120deg,var(--nil-s),transparent)} .pdg-block--real .pdg-block-ic{background:linear-gradient(140deg,var(--nil-2),var(--nil)); box-shadow:0 10px 22px -11px var(--nil)} .pdg-block--real .pdg-count{color:var(--nil);background:var(--nil-s)} /* آیتم افسانه */ .pdg-myth{list-style:none;margin:0;padding:0} .pdg-myth li{display:flex;gap:14px;padding:clamp(18px,2.2vw,22px) clamp(16px,2.2vw,24px); border-block-start:1px solid var(--line);transition:background .2s} .pdg-myth li:first-child{border-block-start:0} .pdg-myth li:hover{background:var(--paper-2)} .pdg-myth-ic{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center; margin-top:2px;color:var(--gray);background:rgba(100,116,139,.11)} .pdg-myth-tx{min-width:0;flex:1} /* ⭐ جمله‌ی نادرست — خط‌خورده */ .pdg-myth-tx b{display:block;font-size:.94rem;font-weight:800;color:var(--tx-3); line-height:1.65;margin-bottom:10px; text-decoration:line-through;text-decoration-color:rgba(100,116,139,.6); text-decoration-thickness:2px} .pdg-myth-tx b::before{content:"«"} .pdg-myth-tx b::after{content:"»"} /* واقعیت */ .pdg-fact{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 15px; border-radius:12px;background:var(--nil-s);border-inline-start:2px solid var(--nil-2)} .pdg-fact svg{flex:none;margin-top:4px;color:var(--nil)} .pdg-fact p{margin:0;font-size:.85rem;line-height:2;color:var(--tx)} .pdg-fact p b{display:inline;text-decoration:none;color:var(--nil);font-weight:800;margin:0} .pdg-fact p b::before,.pdg-fact p b::after{content:""} /* ═══════════════════════════════════════════════════════════════════ ۳. چهار واقعیت ═══════════════════════════════════════════════════════════════════ */ .pdg-real{list-style:none;margin:0;padding:0; display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)} .pdg-real li{background:var(--paper);padding:clamp(20px,2.4vw,26px) clamp(16px,2vw,22px); transition:background .22s} .pdg-real li:hover{background:var(--paper-2)} .pdg-real-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:11px} .pdg-real-ic{flex:none;width:40px;height:40px;border-radius:13px;display:grid;place-items:center; color:#fff;background:linear-gradient(140deg,var(--c2),var(--c)); box-shadow:0 10px 22px -11px var(--c); transition:transform .3s cubic-bezier(.22,1.5,.5,1)} .pdg-real li:hover .pdg-real-ic{transform:scale(1.08) rotate(-6deg)} .pdg-real-top b{font-family:var(--display);font-size:1rem;font-weight:900;color:var(--tx); line-height:1.55;margin-top:4px} .pdg-real p{margin:0 0 13px;font-size:.85rem;line-height:2.05;color:var(--tx-2)} .pdg-real p b{color:var(--tx);font-weight:800} .pdg-tag{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:800; padding:7px 14px;border-radius:99px;color:var(--c);background:var(--cs)} .pdg-tag svg{flex:none} /* ═══════════════════════════════════════════════════════════════════ ۴. جمع‌بندی ═══════════════════════════════════════════════════════════════════ */ .pdg-end{margin-top:clamp(18px,2.4vw,26px);border-radius:20px; padding:clamp(22px,3vw,30px) clamp(20px,2.6vw,28px); background:linear-gradient(150deg,var(--nil-s),var(--gold-s)); border:1px solid rgba(99,102,241,.22)} .pdg-end p{margin:0 0 18px;font-size:clamp(.92rem,1.6vw,1.02rem);line-height:2.1;color:#26283F} .pdg-end p:last-of-type{margin-bottom:20px} .pdg-end strong{color:var(--tx);font-weight:800} .pdg-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap} .pdg-go{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:.94rem; padding:15px 26px;border-radius:13px;text-decoration:none;color:#fff; background:linear-gradient(135deg,var(--nil-2),var(--nil)); box-shadow:0 12px 28px -12px var(--nil);transition:transform .14s,box-shadow .24s} .pdg-go:active{transform:translateY(1px)} .pdg-go:hover{box-shadow:0 18px 38px -12px var(--nil)} .pdg-alt{font-size:.86rem;color:var(--tx-2);line-height:1.9} .pdg-alt a{color:var(--nil);font-weight:800;text-decoration:underline;text-underline-offset:3px} .pdg-alt a:hover{color:var(--tx)} /* ═══════════════════════════════════════════════════════════════════ ۵. واکنش‌گرایی ═══════════════════════════════════════════════════════════════════ */ @media (max-width:820px){ .pdg-real{grid-template-columns:1fr} .pdg-count{margin-inline-start:0;order:3} } @media (max-width:520px){ .pdg-myth li{gap:11px} .pdg-myth-ic{width:30px;height:30px;border-radius:10px} .pdg-go{width:100%;justify-content:center} } /* ═══════════════════════════════════════════════════════════════════ ۶. کاهش حرکت ═══════════════════════════════════════════════════════════════════ */ @media (prefers-reduced-motion:reduce){ .pdg *,.pdg *::before,.pdg *::after{ animation:none !important;transition-duration:.001ms !important} } /* ═══ ۰۶ · ثبت دامنه ir. .pdi- ═════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════ فونت‌ها — اگر بلوک دیگری در همین صفحه هست، این را حذف کنید ═══════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════ ۰. پایه — شب نیلی ═══════════════════════════════════════════════════════════════════ */ .pdi{ --ink:#06060F; --panel:#0C0B22; --panel-2:#12112E; --nil:#312E81; --nil-2:#6366F1; --nil-3:#A5B4FC; --nil-4:#C7D2FE; --em:#0F766E; --em-2:#34D399; --gold:#C2760A; --gold-2:#F5A524; --gold-3:#FFD27A; --tx:#F1F2FB; --tx-2:#AEB2CE; --tx-3:#8288A8; --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.19); position:relative;overflow:hidden;isolation:isolate;background:var(--ink);color:var(--tx); padding-block:clamp(56px,8vw,104px); } .pdi-wrap{width:min(1140px,100% - 2*var(--pad));margin-inline:auto;position:relative;z-index:2} .pdi :is(a,button):focus-visible{outline:2px solid var(--nil-2);outline-offset:3px;border-radius:10px} .pdi::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.4; background-image:linear-gradient(var(--line) 1px,transparent 1px), linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:54px 54px; -webkit-mask-image:radial-gradient(84% 60% at 50% 0%,#000,transparent 76%); mask-image:radial-gradient(84% 60% at 50% 0%,#000,transparent 76%)} .pdi::after{content:"";position:absolute;z-index:0;pointer-events:none; inset-block-start:-14%;inset-inline-start:50%;translate:-50% 0; width:72vw;max-width:900px;aspect-ratio:1;border-radius:50%;filter:blur(110px); background:radial-gradient(circle,rgba(99,102,241,.15),rgba(52,211,153,.04) 48%,transparent 70%)} /* ═══════════════════════════════════════════════════════════════════ ۱. سرتیتر ═══════════════════════════════════════════════════════════════════ */ .pdi-head{text-align:center;max-width:64ch;margin:0 auto clamp(26px,3.4vw,38px)} .pdi-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:6px 15px;border-radius:99px; font-family:var(--mono);direction:ltr;font-size:.65rem;letter-spacing:.14em; color:var(--nil-3);background:rgba(99,102,241,.10);border:1px solid rgba(99,102,241,.26); margin:0 0 16px} .pdi-h2{font-family:var(--display);font-size:clamp(1.6rem,3.7vw,2.6rem);font-weight:900; line-height:1.34;letter-spacing:-.016em;margin:0 0 12px;color:#fff} .pdi-h2 em{font-style:normal;color:var(--nil-2)} .pdi-lead{font-size:clamp(.94rem,1.5vw,1.04rem);line-height:2.05;color:var(--tx-2);margin:0} .pdi-lead strong{color:#fff;font-weight:700} /* ═══════════════════════════════════════════════════════════════════ ۲. ⭐ چهار سؤال ═══════════════════════════════════════════════════════════════════ */ .pdi-list{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(13px,1.8vw,18px)} .pdi-card{position:relative;display:flex;flex-direction:column;overflow:hidden; border-radius:20px;padding:clamp(20px,2.6vw,26px); background:linear-gradient(165deg,var(--panel) 0%,#08071A 88%); border:1px solid var(--line); box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 46px -32px #000; transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s} .pdi-card:hover{transform:translateY(-5px);border-color:rgba(99,102,241,.44); box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 34px 60px -30px rgba(99,102,241,.4)} /* عدد شبح‌وار */ .pdi-ghost{position:absolute;z-index:0;pointer-events:none;user-select:none; inset-block-start:-.24em;inset-inline-end:-.04em; font-family:var(--display);font-size:6rem;font-weight:900;line-height:1; color:var(--nil-2);opacity:.08} .pdi-card>*{position:relative;z-index:1} .pdi-q{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px} .pdi-ic{flex:none;width:40px;height:40px;border-radius:13px;display:grid;place-items:center; color:#0B0A20;background:linear-gradient(140deg,var(--nil-4),var(--nil-2)); box-shadow:0 10px 22px -11px var(--nil-2); transition:transform .3s cubic-bezier(.22,1.5,.5,1)} .pdi-card:hover .pdi-ic{transform:scale(1.08) rotate(-6deg)} .pdi-q h3{font-family:var(--display);font-size:1.02rem;font-weight:900;color:#fff; margin:5px 0 0;line-height:1.6} .pdi-card > p{margin:0 0 14px;font-size:.86rem;line-height:2.05;color:var(--tx-2);flex:1} .pdi-card > p b{color:var(--nil-3);font-weight:800} /* نکته */ .pdi-tip{display:flex;gap:9px;align-items:flex-start;margin:0;padding:11px 14px; border-radius:12px;font-size:.79rem;line-height:1.95;color:#E5D9C2; background:rgba(245,165,36,.10);border:1px solid rgba(245,165,36,.22)} .pdi-tip svg{flex:none;margin-top:4px;color:var(--gold-2)} /* ═══════════════════════════════════════════════════════════════════ ۳. آنچه همراه دامنه می‌آید ═══════════════════════════════════════════════════════════════════ */ .pdi-with{margin-top:clamp(16px,2.2vw,22px);border-radius:20px;overflow:hidden; border:1px solid var(--line);background:rgba(255,255,255,.025)} .pdi-with-h{display:flex;align-items:center;gap:11px;padding:15px clamp(16px,2.2vw,22px); border-block-end:1px solid var(--line);background:rgba(255,255,255,.03)} .pdi-with-h svg{flex:none;color:var(--em-2)} .pdi-with-h b{font-size:.9rem;font-weight:800;color:#fff} .pdi-with-h small{margin-inline-start:auto;font-size:.75rem;color:var(--tx-3)} .pdi-with ul{list-style:none;margin:0;padding:0; display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)} .pdi-with li{background:var(--panel);padding:clamp(18px,2.2vw,22px) clamp(14px,1.8vw,20px); transition:background .22s} .pdi-with li:hover{background:var(--panel-2)} .pdi-with li svg{color:var(--nil-3);margin-bottom:10px} .pdi-with b{display:block;font-size:.88rem;font-weight:800;color:#fff;line-height:1.55} .pdi-with p{margin:6px 0 0;font-size:.8rem;line-height:1.95;color:var(--tx-2)} /* ═══════════════════════════════════════════════════════════════════ ۴. اقدام ═══════════════════════════════════════════════════════════════════ */ .pdi-cta{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap; margin-top:clamp(20px,2.8vw,28px);border-radius:20px; padding:clamp(20px,2.8vw,28px) clamp(18px,2.4vw,26px); background:linear-gradient(150deg,rgba(99,102,241,.12),rgba(245,165,36,.04)); border:1px solid rgba(99,102,241,.22)} .pdi-cta p{flex:1 1 100%;text-align:center;margin:0 0 6px; font-size:clamp(.92rem,1.6vw,1.01rem);line-height:2.05;color:#D5D8F0} .pdi-cta p strong{color:#fff;font-weight:800} .pdi-go{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:.94rem; padding:15px 26px;border-radius:13px;text-decoration:none;color:#0B0A20; background:linear-gradient(135deg,var(--nil-4),var(--nil-2) 52%,var(--nil)); box-shadow:0 12px 28px -12px var(--nil-2);transition:transform .14s,box-shadow .24s} .pdi-go:active{transform:translateY(1px)} .pdi-go:hover{box-shadow:0 18px 38px -12px var(--nil-2)} .pdi-go2{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:.9rem; padding:15px 24px;border-radius:13px;text-decoration:none;color:#E9EAFB; border:1px solid var(--line-2);background:rgba(255,255,255,.04);transition:.2s} .pdi-go2:hover{border-color:rgba(245,165,36,.5);color:var(--gold-3); background:rgba(245,165,36,.09)} .pdi-go svg,.pdi-go2 svg{flex:none} /* ═══════════════════════════════════════════════════════════════════ ۵. واکنش‌گرایی ═══════════════════════════════════════════════════════════════════ */ @media (max-width:880px){ .pdi-list{grid-template-columns:1fr} .pdi-with ul{grid-template-columns:1fr} .pdi-with-h small{display:none} } @media (max-width:520px){ .pdi-ghost{font-size:4.6rem} .pdi-go,.pdi-go2{width:100%;justify-content:center} } /* ═══════════════════════════════════════════════════════════════════ ۶. کاهش حرکت ═══════════════════════════════════════════════════════════════════ */ @media (prefers-reduced-motion:reduce){ .pdi *,.pdi *::before,.pdi *::after{ animation:none !important;transition-duration:.001ms !important} } /* ═══ ۰۷ · سوالات و فراخوان .pdq- ══════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════ فونت‌ها — اگر بلوک دیگری در همین صفحه هست، این را حذف کنید ═══════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════ بخش الف · سوالات متداول ═══════════════════════════════════════════════════════════════════ */ .pdq{ --ink:#06060F; --panel:#0C0B22; --tx:#EDF2FA; --tx-2:#98A9C6; --tx-3:#6A7C99; --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.19); --nil:#312E81; --nil-2:#6366F1; --nil-3:#A5B4FC; --nil-d:#252178; --gold:#C2760A; --gold-2:#F5A524; --sky:#0284C7; --sky-2:#38BDF8; --sky-3:#7DD3FC; --violet:#A855F7; position:relative;overflow:hidden;isolation:isolate;background:var(--ink);color:var(--tx); padding-block:clamp(56px,8vw,104px); } .pdq-wrap{width:min(900px,100% - 2*var(--pad));margin-inline:auto;position:relative;z-index:3} .pdq :is(a,button,input,summary):focus-visible{outline:2px solid var(--nil);outline-offset:3px; border-radius:10px} .pdq::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55; background-image:linear-gradient(var(--line) 1px,transparent 1px), linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:56px 56px; -webkit-mask-image:radial-gradient(80% 60% at 50% 0%,#000,transparent 74%); mask-image:radial-gradient(80% 60% at 50% 0%,#000,transparent 74%)} .pdq::after{content:"";position:absolute;z-index:0;pointer-events:none; inset-block-start:-18%;inset-inline-start:50%;translate:-50% 0; width:70vw;max-width:820px;aspect-ratio:1;border-radius:50%;filter:blur(100px); background:radial-gradient(circle,rgba(99,102,241,.16) 0%,rgba(49,46,129,.12) 46%,transparent 68%)} /* سرتیتر */ .pdq-head{text-align:center;margin-bottom:clamp(24px,3.4vw,38px)} .pdq-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:700; color:var(--tx-2);margin:0 0 14px} .pdq-eyebrow::before,.pdq-eyebrow::after{content:"";width:26px;height:1px; background:linear-gradient(90deg,transparent,var(--nil))} .pdq-h2{font-family:var(--display);font-size:clamp(1.6rem,3.8vw,2.7rem);font-weight:900; line-height:1.32;letter-spacing:-.018em;margin:0 0 12px;color:#fff} .pdq-h2 em{font-style:normal;color:var(--nil-2)} .pdq-lead{font-size:clamp(.92rem,1.5vw,1.02rem);line-height:2;color:var(--tx-2); margin:0 auto;max-width:56ch} /* جستجو */ .pdq-search{position:relative;margin-bottom:14px} .pdq-search svg{position:absolute;inset-block-start:50%;inset-inline-start:18px;translate:0 -50%; color:var(--tx-3);pointer-events:none;transition:color .2s} .pdq-search input{width:100%;font:inherit;font-size:.95rem;color:#fff; padding:16px 20px 16px 50px;border-radius:14px; background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.03)); border:1px solid var(--line);outline:none;transition:.2s} .pdq-search input::placeholder{color:var(--tx-3)} .pdq-search input:focus{border-color:rgba(99,102,241,.5);box-shadow:0 0 0 4px rgba(99,102,241,.1)} .pdq-search:focus-within svg{color:var(--nil)} .pdq-clear{position:absolute;inset-block-start:50%;inset-inline-end:12px;translate:0 -50%; display:none;place-items:center;width:30px;height:30px;border-radius:50%;border:0;cursor:pointer; background:rgba(255,255,255,.09);color:var(--tx-2)} .pdq-clear.on{display:grid} .pdq-clear:hover{background:rgba(255,255,255,.16);color:#fff} /* فیلتر گروه */ .pdq-tabs{display:none;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none; padding-block-end:4px;margin-bottom:22px} .pdq-tabs::-webkit-scrollbar{display:none} .pdq-tab{flex:none;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:.83rem; font-weight:700;cursor:pointer;padding:10px 16px;border-radius:99px;white-space:nowrap; border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--tx-2);transition:.18s} .pdq-tab svg{flex:none;opacity:.75} .pdq-tab b{font-family:var(--mono);direction:ltr;font-size:.7rem;padding:2px 7px;border-radius:99px; background:rgba(255,255,255,.09);color:var(--tx-3);font-weight:700} .pdq-tab:hover{border-color:var(--line-2);color:#fff} .pdq-tab[aria-pressed=true]{background:linear-gradient(140deg,rgba(99,102,241,.2),rgba(49,46,129,.16)); border-color:rgba(99,102,241,.42);color:#fff} .pdq-tab[aria-pressed=true] b{background:rgba(255,255,255,.18);color:#fff} .pdq-tab[aria-pressed=true] svg{opacity:1;color:var(--nil-2)} /* آکاردئون */ .pdq-list{display:grid;gap:10px} .pdq-item{position:relative;border-radius:16px;overflow:hidden; background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.02)); border:1px solid var(--line);transition:border-color .25s,box-shadow .25s,background .25s} .pdq-item[data-g=real]{--ac:var(--nil);--ac2:var(--nil-2);--acs:rgba(99,102,241,.16)} .pdq-item[data-g=tec]{--ac:var(--sky);--ac2:var(--sky-2);--acs:rgba(56,189,248,.16)} .pdq-item[data-g=aft]{--ac:#0F766E;--ac2:var(--violet);--acs:rgba(168,85,247,.16)} .pdq-item[data-g=gen]{--ac:var(--nil-d);--ac2:var(--nil-2);--acs:rgba(99,102,241,.14)} .pdq-item:hover{border-color:var(--line-2)} .pdq-item[open]{border-color:color-mix(in srgb,var(--ac2) 45%,transparent); background:linear-gradient(160deg,var(--acs),rgba(255,255,255,.02) 46%); box-shadow:0 20px 44px -28px var(--ac2)} .pdq-item::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px; background:linear-gradient(180deg,var(--ac2),var(--ac));opacity:0;transition:opacity .25s} .pdq-item[open]::before{opacity:1} .pdq-item[hidden]{display:none} .pdq-q{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none; padding:18px clamp(16px,2.2vw,22px);user-select:none} .pdq-q::-webkit-details-marker{display:none} .pdq-n{flex:none;font-family:var(--mono);direction:ltr;font-size:.72rem;font-weight:700; color:var(--tx-3);width:24px;transition:color .25s} .pdq-item[open] .pdq-n{color:var(--ac2)} .pdq-q>span:not(.pdq-n):not(.pdq-plus){flex:1;font-size:.98rem;font-weight:700;color:#fff; line-height:1.75} .pdq-plus{flex:none;position:relative;width:28px;height:28px;border-radius:9px; border:1px solid var(--line-2);transition:.28s cubic-bezier(.22,1,.36,1)} .pdq-plus::before,.pdq-plus::after{content:"";position:absolute;inset-block-start:50%; inset-inline-start:50%;translate:-50% -50%;background:var(--tx-2);border-radius:2px; transition:.28s cubic-bezier(.22,1,.36,1)} .pdq-plus::before{width:11px;height:2px} .pdq-plus::after{width:2px;height:11px} .pdq-item[open] .pdq-plus{border-color:transparent; background:linear-gradient(140deg,var(--ac2),var(--ac));rotate:180deg} .pdq-item[open] .pdq-plus::before{background:#0B1120} .pdq-item[open] .pdq-plus::after{height:0;background:#0B1120} .pdq-a{display:grid;grid-template-rows:0fr; transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1)} .pdq-item[open] .pdq-a{grid-template-rows:1fr} .pdq-item.closing .pdq-a{grid-template-rows:0fr} .pdq-a>div{overflow:hidden;min-height:0} .pdq-a p{margin:0;padding:0 clamp(16px,2.2vw,22px) 20px 62px; font-size:.9rem;line-height:2.15;color:#B7C4DE} .pdq-a strong{color:#fff;font-weight:700} .pdq-a a{color:var(--ac2);font-weight:700;text-decoration:underline;text-underline-offset:3px} .pdq-a a:hover{color:#fff} .pdq-tag{display:inline-flex;align-items:center;gap:6px;margin-inline-start:62px; margin-block-end:18px;padding:4px 11px;border-radius:99px;font-size:.68rem;font-weight:700; background:var(--acs);color:var(--ac2)} .pdq-hit{background:rgba(99,102,241,.26);color:#fff;border-radius:3px;padding:0 2px} .pdq-empty{display:none;text-align:center;padding:44px 20px;border-radius:16px; border:1px dashed var(--line-2);background:rgba(255,255,255,.02)} .pdq-empty.on{display:block} .pdq-empty b{display:block;font-family:var(--display);font-size:1.06rem;font-weight:900; color:#fff;margin-bottom:7px} .pdq-empty p{margin:0;font-size:.87rem;line-height:1.95;color:var(--tx-2)} @media (max-width:560px){ .pdq-q{gap:11px;padding:16px 14px} .pdq-n{display:none} .pdq-a p,.pdq-tag{padding-inline-start:14px;margin-inline-start:14px} .pdq-a p{padding-inline-end:14px} } /* ═══════════════════════════════════════════════════════════════════ بخش ب · فراخوان پایانی ═══════════════════════════════════════════════════════════════════ */ .pdz{ --ink:#06060F; --panel:#0C0B22; --tx:#EDF2FA; --tx-2:#98A6C2; --tx-3:#68768F; --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.20); --nil:#312E81; --nil-2:#6366F1; --nil-3:#A5B4FC; --nil-d:#252178; --gold:#C2760A; --gold-2:#F5A524; --sky:#0284C7; --sky-2:#38BDF8; --sky-3:#7DD3FC; position:relative;overflow:hidden;isolation:isolate;background:var(--ink);color:var(--tx); padding-block:clamp(56px,8vw,100px); } .pdz-wrap{width:min(1140px,100% - 2*var(--pad));margin-inline:auto;position:relative;z-index:3} .pdz :is(a,button):focus-visible{outline:2px solid var(--nil);outline-offset:3px;border-radius:10px} .pdz::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5; background-image:linear-gradient(var(--line) 1px,transparent 1px), linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:58px 58px; -webkit-mask-image:radial-gradient(76% 60% at 50% 0%,#000,transparent 76%); mask-image:radial-gradient(76% 60% at 50% 0%,#000,transparent 76%)} .pdz::after{content:"";position:absolute;z-index:0;pointer-events:none; inset-block-end:-28%;inset-inline-start:50%;translate:-50% 0; width:76vw;max-width:900px;aspect-ratio:1;border-radius:50%;filter:blur(110px); background:radial-gradient(circle,rgba(99,102,241,.18) 0%,rgba(49,46,129,.12) 48%,transparent 68%)} .pdz-head{text-align:center;max-width:60ch;margin:0 auto clamp(28px,4vw,44px)} .pdz-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:700; color:var(--tx-2);margin:0 0 14px} .pdz-eyebrow::before,.pdz-eyebrow::after{content:"";width:26px;height:1px; background:linear-gradient(90deg,transparent,var(--nil))} .pdz-h2{font-family:var(--display);font-size:clamp(1.6rem,3.8vw,2.7rem);font-weight:900; line-height:1.32;letter-spacing:-.018em;margin:0 0 12px;color:#fff} .pdz-h2 em{font-style:normal;color:var(--nil-2)} .pdz-lead{font-size:clamp(.93rem,1.5vw,1.03rem);line-height:2.05;color:var(--tx-2);margin:0} .pdz-lead a{color:var(--nil-2);font-weight:700;text-decoration:underline;text-underline-offset:3px} /* دو مسیر */ .pdz-paths{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(14px,2vw,22px);align-items:stretch} .pdz-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:22px; background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); border:1px solid var(--line); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -38px #000} .pdz-card-h{display:flex;align-items:center;gap:11px;padding:18px clamp(18px,2.2vw,24px); border-block-end:1px solid var(--line)} .pdz-card-h i{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-items:center; font-style:normal} .pdz-card-h b{font-family:var(--display);font-size:1.02rem;font-weight:900;color:#fff;line-height:1.5} .pdz-card-h small{display:block;font-size:.78rem;color:var(--tx-3);font-weight:500;margin-top:2px} /* مسیر ۱ · شروع */ .pdz-body{padding:clamp(20px,2.6vw,28px);display:flex;flex-direction:column;flex:1} .pdz-price{display:flex;align-items:baseline;gap:9px;margin-bottom:6px} .pdz-price b{font-family:var(--display);font-size:clamp(1.8rem,3.8vw,2.4rem);font-weight:900; color:#fff;line-height:1.1;letter-spacing:-.02em} .pdz-price i{font-style:normal;font-size:.86rem;font-weight:700;color:var(--tx-2)} .pdz-note{margin:0 0 20px;font-size:.8rem;color:var(--tx-3);line-height:1.9} .pdz-list{list-style:none;margin:0 0 22px;padding:0;flex:1} .pdz-list li{display:flex;gap:10px;padding:9px 0;font-size:.85rem;line-height:1.9;color:var(--tx-2); border-block-start:1px solid var(--line)} .pdz-list li:first-child{border-block-start:0} .pdz-list svg{flex:none;margin-top:5px;color:var(--nil-2)} .pdz-list b{color:#fff;font-weight:700} .pdz-go{display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800; font-size:.95rem;padding:16px 24px;border-radius:13px;text-decoration:none;color:#fff; background:linear-gradient(135deg,var(--nil-3),var(--nil) 55%,var(--nil-d)); box-shadow:0 14px 32px -12px rgba(99,102,241,.95),inset 0 1px 0 rgba(255,255,255,.5); transition:transform .14s,box-shadow .22s} .pdz-go:active{transform:translateY(1px)} .pdz-go:hover{box-shadow:0 20px 44px -12px rgba(99,102,241,1)} /* مسیر ۲ · مشورت */ .pdz-ask{display:flex;flex-direction:column} .pdz-ask-b{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center; padding:clamp(20px,2.6vw,28px)} .pdz-ask-ic{width:56px;height:56px;border-radius:17px;margin:0 auto 16px;display:grid; place-items:center;color:#fff;background:linear-gradient(140deg,var(--sky-2),var(--sky)); box-shadow:0 14px 30px -14px var(--sky-2)} .pdz-ask-b b{display:block;font-family:var(--display);font-size:1.1rem;font-weight:900;color:#fff; margin-bottom:10px;line-height:1.5} .pdz-ask-b p{margin:0 0 20px;font-size:.84rem;line-height:1.95;color:var(--tx-2)} .pdz-ask-go{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px; border-radius:12px;font-size:.9rem;font-weight:800;text-decoration:none;color:#E8EFFA; border:1px solid var(--line-2);background:rgba(255,255,255,.04);transition:.2s} .pdz-ask-go:hover{border-color:rgba(56,189,248,.6);color:var(--sky-2); background:rgba(56,189,248,.09)} .pdz-ask-n{margin:12px 0 0;font-size:.74rem;color:var(--tx-3);line-height:1.8} /* نوار اطمینان */ .pdz-safe{margin-top:clamp(16px,2.2vw,22px);border-radius:18px;border:1px solid var(--line); background:rgba(255,255,255,.03);display:grid;grid-template-columns:repeat(3,1fr)} .pdz-safe div{display:flex;align-items:center;gap:11px;padding:18px clamp(16px,2vw,22px); border-inline-start:1px solid var(--line)} .pdz-safe div:first-child{border-inline-start:0} .pdz-safe svg{flex:none;color:var(--nil-2)} .pdz-safe b{display:block;font-size:.87rem;font-weight:800;color:#fff;line-height:1.5} .pdz-safe small{display:block;font-size:.77rem;color:var(--tx-3);margin-top:2px} @media (max-width:900px){ .pdz-paths{grid-template-columns:1fr} .pdz-safe{grid-template-columns:1fr} .pdz-safe div{border-inline-start:0;border-block-start:1px solid var(--line)} .pdz-safe div:first-child{border-block-start:0} } /* کاهش حرکت */ @media (prefers-reduced-motion:reduce){ .pdq *,.pdq *::before,.pdq *::after, .pdz *,.pdz *::before,.pdz *::after{ animation:none !important;transition-duration:.001ms !important} }