/* ══════════════════════════════════════════════════════
   membership.css  |  مجمع نخبگان ایران
══════════════════════════════════════════════════════ */
:root{
  --blue:   #1a4d8f;
  --green:  #2e7d32;
  --red:    #c62828;
  --gold:   #f9a825;
  --bg:     #f4f6fb;
  --card:   #ffffff;
  --border: #dde3f0;
  --muted:  #6b7a99;
  --shadow: 0 4px 24px rgba(26,77,143,.10);
  --r:      8px;
}

/*body{font-family:'Vazirmatn','Tahoma',sans-serif;background:var(--bg);
     color:#1a2340;direction:rtl;min-height:100vh}*/

/* wrapper */
.mw{max-width:920px;margin:2rem auto;padding:0 1rem 4rem}

/* ─── HEADER ─────────────────────────── */
.mh{
  background:linear-gradient(135deg,#1a4d8f 0%,#0d2d5e 100%);
  border-radius:14px 14px 0 0;
  padding:1.4rem 2rem;
  color:#fff;text-align:center;
}
.mh-logos{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}
.mh-logo{height:60px;object-fit:contain}
.mh-mid h1{font-size:1.55rem;font-weight:800;margin-bottom:.15rem}
.mh-mid p{font-size:.82rem;opacity:.82;direction:ltr}
.mh-mid .dept{font-size:.78rem;opacity:.65;direction:rtl;margin-top:.1rem}
.mh-ftitle{
  display:inline-block;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.28);
  padding:.35rem 2rem;border-radius:30px;
  font-size:1.2rem;font-weight:700;
  text-decoration:underline;text-underline-offset:4px;
  margin-top:.5rem;
}

/* ─── CARD ───────────────────────────── */
.mc{
  background:var(--card);
  border:1px solid var(--border);border-top:none;
  border-radius:0 0 14px 14px;
  box-shadow:var(--shadow);overflow:hidden;
}

/* ─── SECTION ────────────────────────── */
.ms{border-bottom:1px solid var(--border)}
.ms:last-child{border-bottom:none}
.ms-head{
  display:flex;align-items:center;gap:.55rem;
  padding:.8rem 1.4rem;
  background:linear-gradient(90deg,#eef2fc,#f8faff);
  border-bottom:1px solid var(--border);
}
.ms-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:50%;
  background:var(--blue);color:#fff;
  font-size:16px;font-weight:700;flex-shrink:0;
}
.ms-head h3{font-size:16px;font-weight:700;color:var(--blue);margin:0}
.ms-hint{font-size:14px;color:var(--muted);margin-right:auto}
.ms-body{padding:2rem 4rem;background:#fafbff}

/* ─── ROWS ───────────────────────────── */
.mw .row {
    display: flex;
    flex-wrap: wrap;
    gap: .9rem;
    margin-bottom: .8rem;
    margin-right: 0px;
    margin-left: 0px;
}
    .mw .row:last-child {
        margin-bottom: 0
    }
.col1{flex:1 1 100%}
.col2{flex:1 1 calc(50% - .45rem);min-width:180px}
.col3{flex:1 1 calc(33% - .6rem);min-width:150px}

/* ─── FIELDS ─────────────────────────── */
.fl{display:flex;flex-direction:column;gap:.28rem}
.fl label{font-size:14px;font-weight:600;color:#4a5568}
.fl label.req::after{content:" *";color:var(--red)}
.fl input,.fl select,.fl textarea{
  padding:.52rem .7rem;
  border:1.5px solid var(--border);
  border-radius:var(--r);
  font-family:inherit;font-size:14px;
  color:#1a2340;background:#fff;
  transition:border-color .2s,box-shadow .2s;
  width:100%;
}
.fl input:focus,.fl select:focus,.fl textarea:focus{
  outline:none;
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(26,77,143,.1);
}
.fl textarea{resize:vertical;min-height:78px}
.fl .ltr{direction:ltr;text-align:left}
.fl .err{font-size:.76rem;color:var(--red);min-height:.95rem}

/* ─── RADIO ──────────────────────────── */
.radio-wrap{
  display:flex;gap:1.4rem;align-items:center;
  padding:.52rem .7rem;background:#fff;
  border:1.5px solid var(--border);border-radius:var(--r);
}
.rl{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.9rem}
.rl input{accent-color:var(--blue)}

/* ─── CHECKBOX GRID (توانایی ها) ──────── */
.chk-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(155px,1fr));
  gap:.6rem;
}
.cc{
  display:flex;align-items:center;gap:.45rem;
  padding:.55rem .75rem;
  background:#fff;border:1.5px solid var(--border);
  border-radius:var(--r);cursor:pointer;
  transition:border-color .18s,background .18s;user-select:none;
}
.cc:hover{border-color:var(--blue);background:#eef2fb}
.cc input{accent-color:var(--blue);flex-shrink:0}
.cc input:checked ~ .ct{color:var(--blue);font-weight:600}
.ci{font-size:1.05rem}.ct{font-size:10px}

/* ─── CHECKBOX LIST (همکاری) ─────────── */
.chk-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:.45rem;
}
.cl{
  display:flex;align-items:center;gap:.55rem;
  padding:.48rem .7rem;background:#fff;
  border:1.5px solid var(--border);border-radius:var(--r);
  cursor:pointer;font-size:10px;
  transition:border-color .18s,background .18s;
}
.cl:hover{border-color:var(--green);background:#f0faf0}
.cl input{accent-color:var(--green)}
.cn{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:20px;border-radius:50%;
  background:var(--blue);color:#fff;
  font-size:.7rem;flex-shrink:0;
}

/* ─── CAPTCHA ────────────────────────── */
.cap-sec .ms-head{background:linear-gradient(90deg,#fff8e1,#fffdf0)}
.cap-row{display:flex;align-items:flex-end;gap:1.2rem;flex-wrap:wrap}
.cap-img-wrap{display:flex;align-items:center;gap:.45rem}
.cap-img{border:2px solid var(--border);border-radius:var(--r);display:block}
.cap-btn{
  background:none;border:1.5px solid var(--border);
  border-radius:var(--r);padding:.38rem .6rem;
  cursor:pointer;font-size:1.1rem;transition:background .2s;
}
.cap-btn:hover{background:#eef2fb}
.cap-in{flex:1;min-width:180px}
.cap-in input{letter-spacing:4px;font-size:1.05rem!important;font-weight:700;text-transform:uppercase}

/* ─── ALERT ──────────────────────────── */
.alert{
  display:flex;gap:.7rem;
  background:#fff5f5;border:1.5px solid #fed7d7;
  border-radius:10px;padding:.9rem 1.1rem;
  margin:1rem 0;color:#c53030;
}
.alert ul{list-style:disc;padding-right:1.1rem;margin:.25rem 0 0;font-size:.85rem}

/* ─── ACTIONS ────────────────────────── */
.form-actions{
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
  padding:1.4rem;background:#fff;border-top:2px solid var(--border);
}
.btn-sub{
  display:flex;align-items:center;gap:.45rem;
  padding:.72rem 1.9rem;
  background:linear-gradient(135deg,var(--blue),#2563eb);
  color:#fff;border:none;border-radius:30px;
  font-family:inherit;font-size:16px;font-weight:700;
  cursor:pointer;box-shadow:0 2px 12px rgba(26,77,143,.28);
  transition:transform .15s,box-shadow .15s;
}
.btn-sub:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(26,77,143,.35)}
.btn-sub:active{transform:none}
.btn-track{
  color:var(--blue);text-decoration:none;
  padding:.7rem 1.1rem;font-size:12px;
  border:1.5px solid var(--blue);border-radius:30px;
  transition:background .18s;
}
.btn-track:hover{background:#eef2fb}

/* ─── CONFIRMATION ───────────────────── */
.conf-wrap{max-width:660px;margin:3rem auto;padding:0 1rem}
.conf-card{
  background:var(--card);border-radius:14px;
  box-shadow:var(--shadow);padding:2.4rem 2rem;
  text-align:center;border:1px solid var(--border);
}
.conf-icon{font-size:3.2rem;margin-bottom:.4rem}
.conf-title{font-size:1.35rem;color:var(--green);font-weight:700;margin-bottom:.4rem}
.conf-sub{color:var(--muted);font-size:.92rem;margin-bottom:1.4rem}
.track-box{
  background:linear-gradient(135deg,#e8f5e9,#f1f8e9);
  border:2px dashed var(--green);border-radius:10px;
  padding:1.4rem;margin-bottom:1.4rem;
}
.track-lbl{font-size:.82rem;color:var(--muted);margin-bottom:.4rem}
.track-code{font-size:1.65rem;font-weight:800;color:var(--blue);
            letter-spacing:2px;direction:ltr;margin-bottom:.7rem}
.copy-btn{
  padding:.4rem 1.1rem;background:var(--green);color:#fff;
  border:none;border-radius:20px;cursor:pointer;
  font-family:inherit;font-size:.83rem;font-weight:600;
}
.copy-btn:hover{background:#1b5e20}
.track-note{font-size:.76rem;color:var(--muted);margin-top:.55rem}
.conf-details{
  background:#fafbff;border-radius:10px;
  padding:.9rem 1.1rem;margin-bottom:1.4rem;text-align:right;
}
.dr{display:flex;justify-content:space-between;
    padding:.38rem 0;border-bottom:1px solid var(--border);font-size:.88rem}
.dr:last-child{border-bottom:none}
.dl{color:var(--muted);font-weight:600}
.conf-btns{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.4rem}
.cbtn{
  padding:.55rem 1.3rem;border-radius:20px;
  font-family:inherit;font-size:.88rem;font-weight:600;
  cursor:pointer;text-decoration:none;transition:all .18s;
}
.cbtn-primary{background:var(--blue);color:#fff;border:none;
              box-shadow:0 2px 10px rgba(26,77,143,.25)}
.cbtn-outline{background:#fff;color:var(--blue);border:2px solid var(--blue)}
.cbtn-outline:hover{background:#eef2fb}
.cbtn-grey{background:#fff;color:var(--muted);border:1.5px solid var(--border)}
.cbtn-grey:hover{background:var(--bg)}
.conf-footer{font-size:.76rem;color:var(--muted);line-height:1.75;
             border-top:1px solid var(--border);padding-top:.9rem}

/* ─── TRACK PAGE ─────────────────────── */
.trk-wrap{max-width:500px;margin:4rem auto;padding:0 1rem}
.trk-card{
  background:var(--card);border-radius:14px;
  box-shadow:var(--shadow);padding:2.3rem 1.8rem;
  text-align:center;border:1px solid var(--border);
}
.trk-icon{font-size:2.8rem;margin-bottom:.4rem}
.trk-title{font-size:1.25rem;font-weight:700;color:var(--blue);margin-bottom:.35rem}
.trk-desc{color:var(--muted);font-size:.88rem;margin-bottom:1.3rem}
.trk-row{display:flex;gap:.45rem}
.trk-inp{flex:1;text-align:center;letter-spacing:1.5px;font-weight:600}
.trk-go{
  padding:.52rem 1.1rem;background:var(--blue);color:#fff;
  border:none;border-radius:var(--r);
  font-family:inherit;font-size:.88rem;font-weight:700;
  cursor:pointer;white-space:nowrap;transition:background .18s;
}
.trk-go:hover{background:#0d2d5e}
.trk-back{margin-top:1.1rem;font-size:.88rem}
.trk-back a{color:var(--blue);text-decoration:none}
.trk-back a:hover{text-decoration:underline}

/* ─── RESPONSIVE ─────────────────────── */
@media(max-width:600px){
  .mw{padding:0 .4rem 2.5rem}
  .ms-body{padding:.9rem}
  .col2,.col3{flex:1 1 100%}
  .cap-row{flex-direction:column;align-items:flex-start}
  .form-actions{flex-direction:column}
  .conf-btns{flex-direction:column;align-items:center}
  .trk-row{flex-direction:column}
}
@media print{
  .conf-btns,.cbtn-grey{display:none}
  .conf-card{box-shadow:none;border:1px solid #ccc}
}