/* =========================================================================
   vocab-cta — استایل ویجت المنتور زبان‌نگار (هندل: zbn-el-vocab-cta)
   ========================================================================= */

.zvc{--bg:#0C0910;--ink:#EAF0FF;--muted:#8C99BC;--cyan:#FF3B5C;--deep:#E11D48;--violet:#FF5C8A;--amber:#F5B301;direction:rtl;font-family:Vazirmatn,IRANYekanX,system-ui,sans-serif;color:var(--ink);background:var(--bg);}
.zvc-container{max-width:1160px;margin:0 auto;padding-inline:40px;}
.zvc-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--cyan) 10%,transparent);border:1px solid color-mix(in srgb,var(--cyan) 15%,transparent);color:#FFB3C1;font-size:12px;font-weight:800;}
.zvc-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);}
.zvc-eyebrow.is-violet{background:color-mix(in srgb,var(--violet) 12%,transparent);border-color:color-mix(in srgb,var(--violet) 16%,transparent);color:#FFC2D2;}
.zvc-eyebrow.is-violet .dot{background:var(--violet);box-shadow:0 0 12px var(--violet);}

.zvc-vocab{padding:80px 0;}
.zvc-vocab-layout{display:grid;grid-template-columns:.9fr 1.4fr;gap:50px;align-items:center;}
.zvc-v-title{margin:16px 0 10px;font-size:32px;font-weight:900;line-height:1.65;background:linear-gradient(110deg,var(--ink) 35%,#FFC2D2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.zvc-v-lead{margin:0;font-size:14.5px;line-height:2.1;color:var(--muted);}

.zvc-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:11px;}
.zvc-tag-li{margin:0;display:inline-flex;}
.zvc-tag{display:inline-flex;align-items:center;gap:9px;padding:12px 19px;border-radius:14px;font-size:13.5px;font-weight:800;text-decoration:none;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease;}
.zvc-tag .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.zvc-tag:hover{transform:translateY(-3px);}
.zvc-tag.is-cyan{background:color-mix(in srgb,var(--cyan) 10%,transparent);border-color:color-mix(in srgb,var(--cyan) 16%,transparent);color:#FFC7D0;box-shadow:0 0 20px color-mix(in srgb,var(--cyan) 28%,transparent);}
.zvc-tag.is-violet{background:color-mix(in srgb,var(--violet) 10%,transparent);border-color:color-mix(in srgb,var(--violet) 16%,transparent);color:#FFCBD9;box-shadow:0 0 20px color-mix(in srgb,var(--violet) 29%,transparent);}
.zvc-tag.is-amber{background:rgba(245,179,1,.10);border-color:rgba(245,179,1,.32);color:#F6DE9A;box-shadow:0 0 20px rgba(245,179,1,.30);}
.zvc-tag.is-cyan .dot{background:var(--cyan);box-shadow:0 0 10px var(--cyan);}
.zvc-tag.is-violet .dot{background:var(--violet);box-shadow:0 0 10px var(--violet);}
.zvc-tag.is-amber .dot{background:var(--amber);box-shadow:0 0 10px var(--amber);}

.zvc-cta{padding:20px 0 80px;}
.zvc-cta-frame{position:relative;overflow:hidden;padding:2px;border-radius:28px;background:linear-gradient(135deg,var(--deep),var(--violet) 60%,var(--amber));box-shadow:0 0 70px color-mix(in srgb,var(--deep) 17%,transparent);}
.zvc-cta-inner{--inner-from:#1B0C14;--inner-to:#150A12;position:relative;overflow:hidden;padding:48px 52px;border-radius:26px;background:linear-gradient(135deg,var(--inner-from),var(--inner-to));display:flex;align-items:center;justify-content:space-between;gap:44px;}
.zvc-cta-inner::before{content:"";position:absolute;top:-90px;left:-40px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--deep) 22%,transparent),transparent 68%);pointer-events:none;}
.zvc-cta-content{position:relative;max-width:680px;}
.zvc-cta-pill{display:inline-block;padding:7px 15px;border-radius:999px;background:color-mix(in srgb,var(--cyan) 12%,transparent);border:1px solid color-mix(in srgb,var(--cyan) 15%,transparent);color:#FFB3C1;font-size:12px;font-weight:800;}
.zvc-cta-title{margin:16px 0 10px;font-size:36px;font-weight:900;line-height:1.55;color:var(--ink);}
.zvc-cta-desc{margin:0;font-size:15px;line-height:2.1;color:#9AA6C8;}
.zvc-cta-btn{position:relative;flex-shrink:0;white-space:nowrap;padding:19px 38px;border-radius:16px;background:linear-gradient(135deg,var(--deep),var(--cyan));color:#04101F;font-size:16px;font-weight:900;text-decoration:none;box-shadow:0 0 44px color-mix(in srgb,var(--cyan) 30%,transparent);transition:transform .15s ease,box-shadow .15s ease;}
.zvc-cta-btn:hover{transform:translateY(-3px);box-shadow:0 0 60px color-mix(in srgb,var(--cyan) 38%,transparent);}

@media(max-width:1024px){.zvc-vocab-layout{grid-template-columns:1fr;gap:26px;}}
@media(max-width:760px){.zvc-cta-inner{flex-direction:column;align-items:flex-start;gap:22px;padding:32px 26px;}.zvc-cta-btn{width:100%;text-align:center;}}