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

.zpl{--bg:#130B12;--ink:#EAF0FF;--muted:#8C99BC;--primary:#FF3B5C;--deep:#E11D48;--rose:#FF5C8A;--amber:#F5B301;--card:rgba(255,255,255,.03);--line:rgba(255,150,175,.14);direction:rtl;font-family:Vazirmatn,IRANYekanX,system-ui,sans-serif;color:var(--ink);background:var(--bg);padding-block:80px;border-top:1px solid rgba(255,150,175,.1);border-bottom:1px solid rgba(255,150,175,.1);}
.zpl-container{max-width:1160px;margin:0 auto;padding-inline:40px;}
.zpl-head{text-align:center;}
.zpl-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);color:#FFB3C1;font-size:12px;font-weight:800;}
.zpl-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px color-mix(in srgb,var(--primary) 50%,transparent);}
.zpl-title{margin:16px 0 40px;font-size:34px;font-weight:900;line-height:1.6;background:linear-gradient(110deg,var(--ink) 35%,#FF9FB2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

.zpl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.zpl-item{margin:0;}
.zpl-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;padding:26px;border-radius:22px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.zpl-card:hover{transform:translateY(-4px);}
.zpl-card .ghost{position:absolute;bottom:-20px;left:-6px;font-size:80px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,150,175,.1);direction:ltr;pointer-events:none;}
.zpl-icon{flex-shrink:0;width:60px;height:60px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:24px;}
.zpl-card .body{flex:1;position:relative;}
.zpl-card h3{margin:0;font-size:18px;font-weight:900;color:var(--ink);}
.zpl-card p{margin:6px 0 0;font-size:13px;line-height:1.9;color:var(--muted);}
.zpl-card .arrow{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,150,175,.14);display:flex;align-items:center;justify-content:center;color:#9AA6C8;font-size:15px;}

.zpl-card.is-cyan{box-shadow:0 0 40px color-mix(in srgb,var(--primary) 28%,transparent);}
.zpl-card.is-blue{box-shadow:0 0 40px color-mix(in srgb,var(--deep) 28%,transparent);}
.zpl-card.is-violet{box-shadow:0 0 40px color-mix(in srgb,var(--rose) 28%,transparent);}
.zpl-card.is-amber{box-shadow:0 0 40px rgba(245,179,1,.4);}
.zpl-card.is-cyan .zpl-icon{background:linear-gradient(135deg,#FF6B8A,var(--primary));box-shadow:0 0 28px color-mix(in srgb,var(--primary) 28%,transparent);}
.zpl-card.is-blue .zpl-icon{background:linear-gradient(135deg,var(--deep),#F43F5E);box-shadow:0 0 28px color-mix(in srgb,var(--deep) 28%,transparent);}
.zpl-card.is-violet .zpl-icon{background:linear-gradient(135deg,var(--rose),#FF7DA6);box-shadow:0 0 28px color-mix(in srgb,var(--rose) 28%,transparent);}
.zpl-card.is-amber .zpl-icon{background:linear-gradient(135deg,var(--amber),#F97316);box-shadow:0 0 28px rgba(245,179,1,.45);}
.zpl-card.is-cyan:hover{border-color:color-mix(in srgb,var(--primary) 23%,transparent);box-shadow:0 20px 46px rgba(0,0,0,.4),0 0 40px color-mix(in srgb,var(--primary) 28%,transparent);}
.zpl-card.is-blue:hover{border-color:color-mix(in srgb,var(--deep) 23%,transparent);box-shadow:0 20px 46px rgba(0,0,0,.4),0 0 40px color-mix(in srgb,var(--deep) 28%,transparent);}
.zpl-card.is-violet:hover{border-color:color-mix(in srgb,var(--rose) 23%,transparent);box-shadow:0 20px 46px rgba(0,0,0,.4),0 0 40px color-mix(in srgb,var(--rose) 28%,transparent);}
.zpl-card.is-amber:hover{border-color:rgba(245,179,1,.6);box-shadow:0 20px 46px rgba(0,0,0,.4),0 0 40px rgba(245,179,1,.4);}

@media(max-width:767px){.zpl-grid{grid-template-columns:1fr;}}