/* =========================================================================
   zn-exams — آمادگی آزمون‌ها (zbn-zn-exams) · طرح: 13-exams.dc.html
   وابسته به: zn-base.css
   ========================================================================= */

.znex{position:relative;overflow:hidden;padding:clamp(56px,7vw,104px) 0;background:radial-gradient(940px 540px at 82% -6%,var(--zn-wash1),transparent 62%),var(--zn-bg0);}
.znex-ghost{position:absolute;top:70px;right:-16px;font-size:150px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px var(--zn-ghost);line-height:1;pointer-events:none;user-select:none;direction:ltr;}
.znex-wrap{position:relative;max-width:1280px;margin:0 auto;padding:0 clamp(18px,5vw,64px);}
.znex-head{margin-bottom:clamp(28px,3.5vw,44px);}
.znex-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(245,179,1,.1);border:1px solid rgba(245,179,1,.34);color:var(--zn-goldsoft);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:800;}
.znex-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--zn-gold);box-shadow:0 0 14px var(--zn-gold);}
.znex-title{margin:16px 0 0;font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.5;background:linear-gradient(110deg,var(--zn-t1) 40%,var(--zn-goldsoft));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

.znex-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(20px,3vw,40px);align-items:stretch;}
.znex-tabs{display:flex;flex-direction:column;gap:11px;}
.znex-tab{text-align:right;border:1px solid rgba(var(--zn-line),.2);background:var(--zn-fill2);border-radius:16px;padding:16px 20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:inherit;}
.znex-tab .right{display:flex;align-items:center;gap:12px;}
.znex-tab .short{width:40px;height:40px;border-radius:11px;background:var(--zn-fill3);display:grid;place-items:center;font-size:13px;font-weight:900;color:var(--zn-t3);direction:ltr;}
.znex-tab .name{font-size:15px;font-weight:800;color:var(--zn-t2);}
.znex-tab .arr{color:var(--zn-t2);font-size:15px;}
.znex-tab.is-on{border-color:rgba(255,59,92,.4);background:rgba(255,59,92,.1);box-shadow:0 0 24px rgba(255,59,92,.14);}
.znex-tab.is-on .short{background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));color:#fff;}
.znex-tab.is-on .name,.znex-tab.is-on .arr{color:var(--zn-t1);}

.znex-panel{position:relative;overflow:hidden;border-radius:24px;padding:clamp(26px,3vw,42px);color:#fff;background:var(--zn-img);box-shadow:0 24px 60px rgba(0,0,0,.5);border:1px solid rgba(var(--zn-line),.16);}
.znex-pane{display:none;}
.znex-pane.is-on{display:block;}
.znex-panel-img{position:absolute;inset:0;width:100%;height:100%;}
.znex-panel-img img{width:100%;height:100%;object-fit:cover;display:block;}
.znex-panel-img .zn-img-ph{width:100%;height:100%;}
.znex-shade{position:absolute;inset:0;background:linear-gradient(120deg,rgba(30,14,26,.96),rgba(45,18,34,.72));pointer-events:none;}
.znex-wm{position:absolute;left:18px;bottom:-34px;font-size:120px;font-weight:900;opacity:.08;color:#fff;line-height:1;pointer-events:none;direction:ltr;}
.znex-body{position:relative;}
.znex-tag{display:inline-block;background:rgba(255,59,92,.2);border:1px solid rgba(255,59,92,.4);color:var(--zn-soft);font-size:11px;font-weight:800;padding:5px 12px;border-radius:999px;letter-spacing:1px;direction:ltr;}
.znex-name{margin:16px 0 10px;font-size:clamp(22px,2.6vw,30px);font-weight:900;color:#fff;}
.znex-desc{margin:0 0 22px;font-size:14px;line-height:2.1;color:#E7D6E2;max-width:52ch;}
.znex-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:26px;}
.znex-point{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:12.5px;font-weight:600;}
.znex-point .star{color:var(--zn-goldsoft);}
.zn-scope .znex-btn{display:inline-block;background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));color:#fff;font-size:14px;font-weight:800;padding:13px 26px;border-radius:12px;box-shadow:0 0 30px rgba(255,59,92,.34);transition:transform .15s;}
.zn-scope .znex-btn:hover{transform:translateY(-2px);color:#fff;}