/* =========================================================
   انجمن علمی رادیولوژی — استایل اصلی
   هویت بصری: لایت‌باکس رادیولوژی + فیلم نگاتیو + پرفراژ سلولوئید
   ========================================================= */

:root{
  --bg-deep: #0A0F1C;
  --bg-panel: #111B2E;
  --bg-panel-2: #16233B;
  --bg-panel-3: #1C2C48;
  --accent-cyan: #4CD6E8;
  --accent-cyan-dim: #2E7C8C;
  --accent-amber: #E8A94F;
  --text-primary: #EAF0F6;
  --text-muted: #8B9AB0;
  --border-hair: #223350;
  --radius-md: 10px;
  --font-display: 'Vazirmatn', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --ease: cubic-bezier(.22,.61,.36,1);
}

*{ box-sizing:border-box; }

html{ scroll-behavior:smooth; }

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; }
}

body{
  margin:0;
  background:var(--bg-deep);
  color:var(--text-primary);
  font-family:var(--font-display);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

a{ color:inherit; text-decoration:none; }
ul{ list-style:none; margin:0; padding:0; }
img{ max-width:100%; display:block; }

::selection{ background:var(--accent-cyan); color:#04121a; }

:focus-visible{
  outline:2px solid var(--accent-cyan);
  outline-offset:3px;
  border-radius:4px;
}

/* ================= سپَرکت ریل (پرفراژ فیلم) ================= */
.sprocket-rail{
  position:fixed;
  inset-inline-start:0;
  top:0;
  bottom:0;
  width:22px;
  display:flex;
  flex-direction:column;
  justify-content:space-evenly;
  align-items:center;
  background:linear-gradient(180deg, #05070d, #0A0F1C);
  border-inline-end:1px solid var(--border-hair);
  z-index:60;
}
.sprocket-rail span{
  width:8px;
  height:8px;
  border-radius:2px;
  background:#050a12;
  box-shadow:inset 0 0 0 1px rgba(76,214,232,.15);
}
@media (max-width: 720px){ .sprocket-rail{ display:none; } }

/* ================= نوار باریک بالای هدر (utility bar) ================= */
.topbar{
  background:#070a13;
  border-bottom:1px solid var(--border-hair);
  font-size:.78rem;
  position:relative;
  z-index:40;
}
.topbar-inner{
  max-width:1680px;
  margin:0 auto;
  padding:7px 28px 7px 190px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
  position:relative;
}
.topbar-links{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.topbar-links::before{
  content:"";
  width:1px; height:14px; background:var(--border-hair); margin-inline-end:4px;
}
.topbar-badge{
  display:inline-flex; align-items:center; gap:6px;
  color:var(--accent-amber); font-weight:700;
}
.topbar-badge span{ color:var(--text-muted); font-weight:500; }
.topbar-link{ color:var(--text-muted); transition:color .2s var(--ease); white-space:nowrap; }
.topbar-link:hover{ color:var(--accent-cyan); }

@media (max-width: 900px){
  .topbar-inner{ padding-inline-start:90px; flex-wrap:wrap; justify-content:center; }
  .topbar-badge span{ display:none; }
}

/* جستجوی کل سایت — داخل هیرو، درست بالای عنوان اصلی */
.hero-search-variant{
  max-width:560px;
  width:100%;
  margin:6px auto 20px;
}
.hero-search-variant .site-search-box{
  padding:8px 10px 8px 20px;
  border-radius:999px;
  background:rgba(15,22,38,.75);
  border:1px solid var(--border-hair);
  backdrop-filter:blur(6px);
}
.hero-search-variant .site-search-icon{ font-size:16px; }
.hero-search-variant .site-search-box input{ font-size:.92rem; }
.hero-search-variant .site-search-results{ font-size:.9rem; text-align:start; }
@media (max-width:640px){
  .hero-search-variant{ max-width:100%; }
}

/* ================= منوهای کشویی دسته‌بندی در ناوبری اصلی ================= */
.nav-dropdown{ position:relative; }
.nav-dropdown-btn{
  display:inline-flex; align-items:center; gap:6px;
  font-family:inherit; font-size:1.02rem; color:var(--text-muted);
  background:none; border:none; cursor:pointer; padding:10px 4px;
  transition:color .25s var(--ease);
}
.nav-dropdown-caret{ font-size:.72rem; transition:transform .25s var(--ease); }
.nav-dropdown-btn:hover{ color:var(--text-primary); }
.nav-dropdown.open .nav-dropdown-btn{ color:var(--accent-cyan); }
.nav-dropdown.open .nav-dropdown-caret{ transform:rotate(180deg); }

.nav-dropdown-panel{
  position:absolute;
  top:calc(100% + 10px);
  inset-inline-start:50%;
  transform:translateX(50%);
  min-width:240px;
  background:var(--bg-panel);
  border:1px solid var(--border-hair);
  border-radius:12px;
  box-shadow:0 16px 40px rgba(0,0,0,.5);
  padding:8px;
  display:grid;
  gap:2px;
  opacity:0;
  visibility:hidden;
  transform-origin:top center;
  transform:translateX(50%) translateY(-6px);
  transition:opacity .2s var(--ease), transform .2s var(--ease), visibility .2s;
  z-index:70;
}
.nav-dropdown-panel.wide{
  min-width:420px;
  grid-template-columns:repeat(2, 1fr);
  gap:2px 6px;
}
.nav-dropdown.open .nav-dropdown-panel{
  opacity:1; visibility:visible; transform:translateX(50%) translateY(0);
}
.nav-dropdown-link{
  display:flex; align-items:center; gap:10px;
  padding:9px 12px; border-radius:8px; font-size:.88rem; color:var(--text-muted);
  transition:background .2s var(--ease), color .2s var(--ease);
}
.nav-dropdown-link:hover{ background:rgba(76,214,232,.08); color:var(--text-primary); }

@media (max-width: 900px){
  .nav-dropdown-panel, .nav-dropdown-panel.wide{ position:static; transform:none !important; box-shadow:none; border:none; background:rgba(76,214,232,.04); opacity:1; visibility:visible; display:none; margin-top:4px; grid-template-columns:1fr; min-width:0; }
  .nav-dropdown.open .nav-dropdown-panel{ display:grid; }
}

/* ================= هدر ================= */
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:
    radial-gradient(ellipse 900px 200px at 14% 0%, rgba(76,214,232,.10), transparent 70%),
    rgba(9,13,24,.97);
  border-bottom:1px solid var(--border-hair);
  box-shadow:0 1px 0 rgba(76,214,232,.05);
}
.header-inner{
  max-width:1680px;
  margin:0 auto;
  padding:0 185px 0 28px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:22px;
}

/* ---------- بخش لوگو/برند: نشان دایره‌ای شناور در گوشه‌ی بالا-راست صفحه، بدون هیچ باکس یا پس‌زمینه ---------- */
.brand{
  position:fixed;
  top:2px;
  right:34px;
  z-index:65;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  font-weight:700;
  text-align:center;
}
.brand-mark-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:min(16vw, 128px);
  height:min(16vw, 128px);
  min-width:96px;
  min-height:96px;
  flex-shrink:0;
}
.brand-mark{
  width:100%; height:100%;
  object-fit:contain;
  filter:drop-shadow(0 4px 18px rgba(76,214,232,.5));
  transition:transform .3s var(--ease);
}
.brand:hover .brand-mark{ transform:scale(1.05); }
.brand-text{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  line-height:1.2;
  text-align:center;
}
.brand-title{
  font-size:1.02rem;
  font-weight:800;
  color:var(--text-primary);
  text-shadow:0 2px 10px rgba(5,8,15,.9), 0 0 3px rgba(5,8,15,.9);
}
.brand-text strong{ color:var(--accent-cyan); font-weight:800; }
.brand-sub{
  font-size:.68rem;
  font-weight:500;
  letter-spacing:.02em;
  color:var(--text-muted);
  white-space:nowrap;
  text-shadow:0 2px 8px rgba(5,8,15,.9);
}

/* ---------- ناوبری: پنلی که کل سمت چپ هدر را پر می‌کند ---------- */
.main-nav{
  display:flex;
  align-items:center;
  gap:4px 8px;
  flex-wrap:wrap;
  flex:1 1 auto;
  min-width:0;
  align-self:stretch;
  padding:10px 4px;
}

/* ---------- برچسب دسته‌بندی + جداکننده (منوی همیشه‌باز) ---------- */
.nav-cat{
  display:inline-flex;
  align-items:center;
  font-size:.78rem;
  font-weight:700;
  color:var(--accent-cyan);
  background:rgba(76,214,232,.1);
  border:1px solid rgba(76,214,232,.25);
  padding:6px 14px;
  border-radius:999px;
  white-space:nowrap;
  margin-inline-end:2px;
}
.nav-sep{
  width:1px;
  align-self:stretch;
  margin:4px 10px;
  background:var(--border-hair);
}

.nav-standalone{ padding:12px 16px; font-size:1.02rem; }

.nav-link{
  font-size:1.02rem;
  color:var(--text-muted);
  position:relative;
  padding:10px 4px;
  transition:color .25s var(--ease);
}
.nav-link::after{
  content:"";
  position:absolute;
  inset-inline-start:0; bottom:4px;
  height:2px; width:0;
  background:var(--accent-cyan);
  transition:width .3s var(--ease);
}
.nav-link:hover, .nav-link.active{ color:var(--text-primary); }
.nav-link:hover::after, .nav-link.active::after{ width:100%; }

/* ---------- دکمه‌ی ثبت‌نام: باکس برجسته و پرانرژی کنار منو ---------- */
.nav-signup-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  position:relative;
  background:linear-gradient(135deg, var(--accent-cyan), #6EE7F5 55%, var(--accent-cyan));
  background-size:200% 200%;
  color:#04141a;
  font-weight:800;
  font-size:.98rem;
  padding:13px 30px;
  border-radius:999px;
  white-space:nowrap;
  overflow:hidden;
  isolation:isolate;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background-position .6s var(--ease);
  box-shadow:0 8px 26px rgba(76,214,232,.4), 0 0 0 1px rgba(76,214,232,.55) inset;
  flex-shrink:0;
  animation:navSignupPulse 2.6s ease-in-out infinite;
}
.nav-signup-btn::before{
  content:"";
  position:absolute; inset:0; z-index:-1;
  background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.55) 50%, transparent 70%);
  transform:translateX(-120%);
  transition:transform .7s var(--ease);
}
.nav-signup-btn:hover{
  background-position:100% 50%;
  transform:translateY(-2px) scale(1.03);
  box-shadow:0 12px 34px rgba(76,214,232,.55), 0 0 0 1px rgba(76,214,232,.8) inset;
  animation-play-state:paused;
}
.nav-signup-btn:hover::before{ transform:translateX(120%); }
@keyframes navSignupPulse{
  0%, 100%{ box-shadow:0 8px 26px rgba(76,214,232,.4), 0 0 0 1px rgba(76,214,232,.55) inset; }
  50%{ box-shadow:0 8px 32px rgba(76,214,232,.65), 0 0 0 1px rgba(76,214,232,.85) inset; }
}

.nav-toggle{
  display:none;
  flex-direction:column;
  gap:5px;
  background:none;
  border:none;
  cursor:pointer;
  padding:6px;
}
.nav-toggle span{
  width:22px; height:2px;
  background:var(--text-primary);
  border-radius:2px;
}

@media (max-width: 900px){
  .header-inner{ flex-wrap:wrap; padding-inline-start:96px; }
  .brand{ top:0; right:12px; gap:0; }
  .brand-mark-wrap{ width:74px; height:74px; min-width:74px; min-height:74px; }
  .brand-sub{ display:none; }
  .brand-title{ font-size:.74rem; }
  .main-nav{
    position:fixed;
    top:0; bottom:0; inset-inline-start:0; inset-inline-end:0;
    background:rgba(10,15,28,.98);
    backdrop-filter:blur(10px);
    flex-direction:column;
    align-items:flex-start;
    padding:90px 24px 30px;
    display:none;
    gap:6px;
    overflow-y:auto;
    z-index:120;
  }
  .main-nav.open{ display:flex; }
  .nav-cat{ margin-top:14px; }
  .nav-sep{ display:none; }
  .nav-dropdown{ width:100%; }
  .nav-dropdown-btn{ width:100%; justify-content:space-between; font-size:1.02rem; }
  .nav-dropdown-panel{ width:100%; }

  /* دکمه‌ی باز کردن منو -> گوشه‌ی پایین صفحه، شناور و همیشه در دسترس */
  .nav-toggle{
    display:flex;
    position:fixed;
    inset-inline-end:18px;
    bottom:18px;
    z-index:130;
    width:56px; height:56px;
    border-radius:50%;
    background:var(--accent-cyan);
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 28px rgba(76,214,232,.4);
  }
  .nav-toggle span{ background:#04141a; }
  .nav-toggle.is-open{ background:var(--bg-panel-2); }
  .nav-toggle.is-open span{ background:var(--text-primary); }

  .nav-signup-btn{ order:-1; }
}

/* ================= هیرو ================= */
.hero{
  position:relative;
  min-height:88vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:120px 24px 80px;
  padding-inline-start:calc(24px + 22px);
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 0%, #16233B 0%, #0A0F1C 60%);
}
.hero-scan{
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(180deg, rgba(76,214,232,.035) 0px, rgba(76,214,232,.035) 1px, transparent 1px, transparent 4px);
  pointer-events:none;
}
.hero-scan::after{
  content:"";
  position:absolute;
  inset-inline-start:0; inset-inline-end:0;
  height:140px;
  background:linear-gradient(180deg, transparent, rgba(76,214,232,.09), transparent);
  animation: scanSweep 7s linear infinite;
}
@keyframes scanSweep{
  0%{ transform:translateY(-160px); }
  100%{ transform:translateY(105vh); }
}
.hero-inner{ position:relative; max-width:760px; z-index:2; }
.eyebrow{
  font-family:var(--font-mono);
  letter-spacing:.12em;
  font-size:.78rem;
  color:var(--accent-amber);
  text-transform:uppercase;
  margin:0 0 14px;
}
.hero-title{
  font-size:clamp(2.1rem, 5vw, 3.4rem);
  font-weight:800;
  line-height:1.35;
  margin:0 0 20px;
}
.hero-title span{ color:var(--accent-cyan); }
.hero-desc{
  color:var(--text-muted);
  font-size:1.05rem;
  max-width:600px;
  margin:0 auto 34px;
}
.hero-actions{
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:13px 26px;
  border-radius:999px;
  font-size:.95rem;
  font-weight:600;
  transition: all .25s var(--ease);
  border:1px solid transparent;
  cursor:pointer;
}
.btn-primary{
  background:var(--accent-cyan);
  color:#04141a;
}
.btn-primary:hover{
  background:#7de4f0;
  box-shadow:0 0 0 6px rgba(76,214,232,.15);
}
.btn-ghost{
  border-color:var(--border-hair);
  color:var(--text-primary);
}
.btn-ghost:hover{ border-color:var(--accent-cyan); color:var(--accent-cyan); }

.hero-badge{
  position:relative;
  z-index:2;
  margin-top:46px;
  display:flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-mono);
  font-size:.78rem;
  color:var(--text-muted);
}
.badge-ring{
  width:10px; height:10px;
  border-radius:50%;
  border:2px solid var(--accent-amber);
  box-shadow:0 0 10px rgba(232,169,79,.6);
}

/* ================= بخش‌های عمومی ================= */
.section{
  max-width:1200px;
  margin:0 auto;
  padding:100px 24px;
  padding-inline-start:calc(24px + 22px);
}
.section-head{ margin-bottom:46px; max-width:640px; }
.section-head h2{
  font-size:clamp(1.6rem, 3vw, 2.2rem);
  font-weight:800;
  margin:0 0 10px;
}
.section-desc{ color:var(--text-muted); margin:0; }

/* ================= درباره ================= */
.about-grid{
  display:grid;
  grid-template-columns: 1.3fr 1fr;
  gap:40px;
  align-items:start;
}
.about-text{ color:var(--text-muted); font-size:1.02rem; }
.about-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.stat{
  background:var(--bg-panel);
  border:1px solid var(--border-hair);
  border-radius:var(--radius-md);
  padding:20px 14px;
  text-align:center;
}
.stat-num{
  display:block;
  font-family:var(--font-mono);
  font-size:1.7rem;
  font-weight:600;
  color:var(--accent-cyan);
}
.stat-label{ font-size:.8rem; color:var(--text-muted); }

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

/* ================= هیئت مدیره ================= */
.board-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(230px,1fr));
  gap:20px;
}
.board-card{
  background:var(--bg-panel);
  border:1px solid var(--border-hair);
  border-radius:var(--radius-md);
  padding:26px 22px;
  transition: transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.board-card:hover{
  transform:translateY(-4px);
  border-color:var(--accent-cyan);
  box-shadow:0 12px 30px -12px rgba(76,214,232,.35);
}
.board-frame{
  width:48px; height:48px;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%;
  background:var(--bg-panel-2);
  border:1px solid var(--border-hair);
  font-size:1.3rem;
  margin-bottom:16px;
}
.board-card h3{ margin:0 0 8px; font-size:1.08rem; }
.board-card p{ margin:0; color:var(--text-muted); font-size:.92rem; }

/* ================= گالری (فیلم نگاتیو) ================= */
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(180px,1fr));
  gap:16px;
}
.film-frame{
  position:relative;
  aspect-ratio: 4/3;
  border-radius:6px;
  border:1px solid var(--border-hair);
  background:
    linear-gradient(135deg, #182740, #0d1524);
  overflow:hidden;
  cursor:pointer;
}
.film-frame::before{
  content:"";
  position:absolute; inset:0;
  border:6px solid #050810;
  border-radius:6px;
  pointer-events:none;
}
.film-inner{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  text-align:center;
  padding:10px;
  font-size:.85rem;
  color:var(--text-muted);
  filter:grayscale(1) brightness(.75) contrast(1.1);
  transition: filter .4s var(--ease), color .4s var(--ease), text-shadow .4s var(--ease);
}
.film-frame:hover .film-inner{
  filter:grayscale(0) brightness(1) contrast(1);
  color:var(--accent-cyan);
  text-shadow:0 0 14px rgba(76,214,232,.55);
}
.film-frame:hover{ box-shadow:0 0 0 1px var(--accent-cyan), 0 16px 32px -14px rgba(76,214,232,.4); }

.film-frame-photo img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  filter:grayscale(1) brightness(.75) contrast(1.1);
  transition:filter .4s var(--ease);
}
.film-frame-photo:hover img{ filter:grayscale(0) brightness(1) contrast(1); }
.film-frame-photo .film-caption{
  inset:auto 0 0 0; top:auto; height:auto; padding:6px 10px;
  background:linear-gradient(0deg, rgba(5,8,15,.88), transparent);
  font-size:.75rem; filter:none; text-shadow:none; color:var(--text-primary);
}
.film-frame-photo:hover .film-caption{ color:var(--text-primary); text-shadow:none; }

/* ================= کتابخانه ================= */
.library-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
  gap:18px;
}
.book-card{
  display:flex;
  background:var(--bg-panel);
  border:1px solid var(--border-hair);
  border-radius:var(--radius-md);
  overflow:hidden;
  transition:border-color .3s var(--ease), transform .3s var(--ease);
}
.book-card:hover{ border-color:var(--accent-amber); transform:translateY(-3px); }
.book-spine{
  width:14px;
  background:linear-gradient(180deg, var(--accent-amber), var(--accent-cyan-dim));
  flex-shrink:0;
}
.book-cover{
  width:92px; flex-shrink:0; object-fit:cover;
  background:linear-gradient(180deg, var(--accent-amber), var(--accent-cyan-dim));
}
.book-info{ padding:20px; }
.book-info h3{ margin:0 0 8px; font-size:1rem; }
.book-info p{ margin:0; color:var(--text-muted); font-size:.88rem; }
.book-download{ display:inline-block; margin-top:10px; font-size:.8rem; color:var(--accent-cyan); }

/* ================= مطالب آموزشی ================= */
.edu-simulator-banner{
  display:flex; align-items:center; gap:16px;
  background:linear-gradient(90deg, rgba(76,214,232,.1), rgba(232,169,79,.06));
  border:1px solid var(--accent-cyan); border-radius:16px; padding:18px 22px; margin-bottom:22px;
  text-decoration:none; color:var(--text-primary); transition:transform .25s var(--ease), border-color .25s var(--ease);
}
.edu-simulator-banner:hover{ transform:translateY(-2px); border-color:var(--accent-amber); }
.edu-simulator-icon{ font-size:1.8rem; flex-shrink:0; }
.edu-simulator-banner > span:nth-child(2){ display:flex; flex-direction:column; gap:4px; flex:1; }
.edu-simulator-banner strong{ font-size:.98rem; }
.edu-simulator-banner > span:nth-child(2) > span{ font-size:.82rem; color:var(--text-muted); }
.edu-simulator-arrow{ font-size:1.2rem; color:var(--accent-cyan); flex-shrink:0; }
.edu-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px,1fr));
  gap:18px;
}
.edu-card{
  background:var(--bg-panel);
  border:1px solid var(--border-hair);
  border-radius:var(--radius-md);
  padding:22px;
  transition:border-color .3s var(--ease), transform .3s var(--ease);
}
.edu-card:hover{ border-color:var(--accent-cyan); transform:translateY(-3px); }
.edu-tag{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:.7rem;
  color:var(--accent-cyan);
  border:1px solid var(--accent-cyan-dim);
  border-radius:999px;
  padding:3px 10px;
  margin-bottom:12px;
}
.edu-card h3{ margin:0 0 8px; font-size:1rem; }
.edu-card p{ margin:0; color:var(--text-muted); font-size:.9rem; }

/* ================= مقالات ================= */
.articles-list{ display:flex; flex-direction:column; gap:2px; }
.article-row{
  display:grid;
  grid-template-columns:70px 1fr;
  gap:24px;
  padding:24px 0;
  border-bottom:1px solid var(--border-hair);
  transition:padding-inline-start .3s var(--ease);
}
.article-row:hover{ padding-inline-start:10px; }
.article-date{
  font-family:var(--font-mono);
  color:var(--accent-amber);
  font-size:.9rem;
}
.article-row h3{ margin:0 0 6px; font-size:1.05rem; }
.article-row p{ margin:0; color:var(--text-muted); font-size:.9rem; }

/* ================= لینک‌های مهم ================= */
.links-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
  gap:16px;
}
.link-card{
  display:block;
  background:var(--bg-panel);
  border:1px solid var(--border-hair);
  border-radius:var(--radius-md);
  padding:20px;
  transition: all .3s var(--ease);
}
.link-card h3{ margin:0 0 6px; color:var(--accent-cyan); font-size:1rem; }
.link-card p{ margin:0; color:var(--text-muted); font-size:.85rem; }
.link-card:hover{
  border-color:var(--accent-cyan);
  transform:translateY(-3px);
  box-shadow:0 12px 26px -14px rgba(76,214,232,.4);
}

/* ================= فیلم‌های آموزشی ================= */
.video-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
  gap:18px;
}
.video-card{
  background:var(--bg-panel);
  border:1px solid var(--border-hair);
  border-radius:var(--radius-md);
  overflow:hidden;
}
.video-thumb{
  aspect-ratio:16/9;
  background:linear-gradient(135deg, #182740, #0d1524);
  display:flex; align-items:center; justify-content:center;
  position:relative;
}
.play-btn{
  width:56px; height:56px;
  border-radius:50%;
  background:rgba(76,214,232,.15);
  border:1px solid var(--accent-cyan);
  color:var(--accent-cyan);
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem;
  transition:transform .3s var(--ease), background .3s var(--ease);
}
.video-card:hover .play-btn{ transform:scale(1.1); background:var(--accent-cyan); color:#04141a; }
.video-card h3{ margin:0; padding:16px 18px; font-size:.95rem; }

/* ================= تماس ================= */
.contact-panel{
  background:var(--bg-panel);
  border:1px solid var(--border-hair);
  border-radius:16px;
  padding:48px;
}
.contact-form{ display:flex; flex-direction:column; gap:14px; max-width:640px; }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.contact-form input, .contact-form textarea{
  background:var(--bg-panel-2);
  border:1px solid var(--border-hair);
  border-radius:8px;
  padding:13px 14px;
  color:var(--text-primary);
  font-family:var(--font-display);
  font-size:.92rem;
  resize:vertical;
}
.contact-form input:focus, .contact-form textarea:focus{
  outline:none;
  border-color:var(--accent-cyan);
}
.contact-form .btn{ align-self:flex-start; }
.form-note{ font-size:.85rem; color:var(--accent-cyan); min-height:1.2em; margin:0; }

@media (max-width: 600px){
  .form-row{ grid-template-columns:1fr; }
  .contact-panel{ padding:28px; }
}

/* ================= فوتر ================= */
.site-footer{
  border-top:1px solid var(--border-hair);
  padding:28px 24px;
  padding-inline-start:calc(24px + 22px);
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  color:var(--text-muted);
  font-size:.85rem;
}
.footer-links{ display:flex; gap:18px; }
.footer-links a:hover{ color:var(--accent-cyan); }

/* ================= reveal on scroll ================= */
.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s var(--ease), transform .7s var(--ease);
}
.reveal.is-visible{ opacity:1; transform:none; }

/* =========================================================
   فاز ۲ — پنل‌های جدید، ویوپورت DICOM، شبکه انجمن‌ها
   ========================================================= */

/* ---------- ویوپورت رادیولوژی (المان امضادار هیرو) ---------- */
.dicom-frame{
  position:absolute;
  inset:18px;
  pointer-events:none;
  z-index:2;
}
.dicom-frame::before, .dicom-frame::after,
.dicom-frame span::before, .dicom-frame span::after{
  content:"";
  position:absolute;
  width:26px; height:26px;
  border:2px solid rgba(76,214,232,.55);
}
.dicom-frame::before{ top:0; inset-inline-start:0; border-inline-end:none; border-bottom:none; }
.dicom-frame::after{ top:0; inset-inline-end:0; border-inline-start:none; border-bottom:none; }
.dicom-frame span::before{ bottom:0; inset-inline-start:0; border-inline-end:none; border-top:none; }
.dicom-frame span::after{ bottom:0; inset-inline-end:0; border-inline-start:none; border-top:none; }

.dicom-readout{
  position:absolute;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.04em;
  color:rgba(139,154,176,.85);
  z-index:2;
  pointer-events:none;
}
.dicom-readout.tl{ top:26px; inset-inline-start:26px; text-align:start; }
.dicom-readout.tr{ top:26px; inset-inline-end:26px; text-align:end; }
.dicom-readout.bl{ bottom:26px; inset-inline-start:26px; }
.dicom-readout.br{ bottom:26px; inset-inline-end:26px; text-align:end; }
.dicom-readout b{ color:var(--accent-cyan); font-weight:500; }
.dicom-readout .blink{ animation: blinkDot 1.6s step-end infinite; }
@keyframes blinkDot{ 50%{ opacity:.25; } }

.dicom-crosshair{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background-image:
    linear-gradient(90deg, transparent 49.92%, rgba(76,214,232,.10) 49.92%, rgba(76,214,232,.10) 50.08%, transparent 50.08%),
    linear-gradient(0deg, transparent 49.92%, rgba(76,214,232,.10) 49.92%, rgba(76,214,232,.10) 50.08%, transparent 50.08%);
}
.dicom-ruler{
  position:absolute; inset-inline-start:0; top:0; bottom:0; width:26px; z-index:1; pointer-events:none;
  background-image: repeating-linear-gradient(180deg, rgba(139,154,176,.25) 0 1px, transparent 1px 20px);
}
@media (max-width:720px){ .dicom-readout, .dicom-frame{ display:none; } }

/* ---------- eyebrow با شماره اسلایس ---------- */
.slice-tag{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-mono); font-size:.72rem;
  color:var(--accent-amber); letter-spacing:.08em;
  border:1px solid rgba(232,169,79,.35);
  border-radius:999px; padding:4px 12px; margin-bottom:14px;
}
.slice-tag::before{ content:"◎"; }

/* ---------- چیپ وضعیت ---------- */
.chip{
  display:inline-flex; align-items:center; gap:6px;
  font-family:var(--font-mono); font-size:.72rem;
  padding:4px 10px; border-radius:999px; border:1px solid var(--border-hair);
}
.chip-pending{ color:var(--accent-amber); border-color:rgba(232,169,79,.4); background:rgba(232,169,79,.08); }
.chip-approved{ color:#5fe0a0; border-color:rgba(95,224,160,.4); background:rgba(95,224,160,.08); }
.chip-locked{ color:#e88484; border-color:rgba(232,132,132,.4); background:rgba(232,132,132,.08); }

/* ---------- گرید عمومی پنل‌ها (سبک دیجی‌کالایی: کارت منظم + فیلتر) ---------- */
.panel-toolbar{
  display:flex; flex-wrap:wrap; gap:10px; margin-bottom:26px;
}
.filter-chip{
  font-family:var(--font-mono); font-size:.78rem;
  padding:8px 16px; border-radius:999px;
  border:1px solid var(--border-hair); color:var(--text-muted);
  background:var(--bg-panel); cursor:pointer;
  transition:all .25s var(--ease);
}
.filter-chip:hover{ border-color:var(--accent-cyan); color:var(--text-primary); }
.filter-chip.active{ background:var(--accent-cyan); color:#04141a; border-color:var(--accent-cyan); }

/* ---------- کارت وبینار / رویداد ---------- */
.event-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(270px,1fr)); gap:20px; }
.event-card{
  background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:var(--radius-md);
  overflow:hidden; display:flex; flex-direction:column;
  transition:transform .3s var(--ease), border-color .3s var(--ease);
}
.event-card:hover{ transform:translateY(-4px); border-color:var(--accent-cyan); }
.event-top{
  padding:18px 20px; background:linear-gradient(135deg,#182740,#0d1524);
  display:flex; justify-content:space-between; align-items:flex-start; gap:10px;
}
.event-date-badge{
  font-family:var(--font-mono); text-align:center; line-height:1.15;
  background:var(--bg-deep); border:1px solid var(--accent-cyan); border-radius:8px;
  padding:8px 12px; color:var(--accent-cyan); flex-shrink:0;
}
.event-date-badge b{ display:block; font-size:1.2rem; }
.event-body{ padding:18px 20px; flex:1; display:flex; flex-direction:column; gap:10px; }
.event-body h3{ margin:0; font-size:1.02rem; }
.event-body p{ margin:0; color:var(--text-muted); font-size:.88rem; }
.event-price{ font-family:var(--font-mono); font-size:.85rem; color:var(--accent-amber); }
.event-price.free{ color:#5fe0a0; }
.event-foot{ padding:14px 20px; border-top:1px solid var(--border-hair); display:flex; justify-content:space-between; align-items:center; gap:10px; }
.event-org{ font-size:.78rem; color:var(--text-muted); }

/* ---------- منابع ویژه اعضا (قفل) ---------- */
.premium-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:18px; }
.premium-card{
  position:relative; background:var(--bg-panel); border:1px solid var(--border-hair);
  border-radius:var(--radius-md); padding:22px; overflow:hidden;
}
.premium-card.locked::after{
  content:"🔒"; position:absolute; top:16px; inset-inline-end:16px; font-size:1rem; opacity:.7;
}
.premium-card h3{ margin:0 0 8px; font-size:1rem; }
.premium-card p{ margin:0 0 14px; color:var(--text-muted); font-size:.88rem; }
.unlock-row{ display:flex; gap:8px; }
.unlock-row input{
  flex:1; background:var(--bg-panel-2); border:1px solid var(--border-hair); border-radius:8px;
  padding:9px 10px; color:var(--text-primary); font-size:.82rem;
}
.btn-small{ padding:9px 16px; font-size:.82rem; border-radius:8px; }

/* ---------- پرسش و پاسخ ---------- */
.qa-list{ display:flex; flex-direction:column; gap:14px; margin-top:30px; }
.qa-item{ background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:var(--radius-md); padding:18px 20px; }
.qa-q{ font-weight:700; margin:0 0 8px; display:flex; gap:10px; align-items:flex-start; }
.qa-q::before{ content:"س"; flex-shrink:0; width:24px; height:24px; border-radius:50%; background:var(--accent-cyan); color:#04141a; font-size:.75rem; display:flex; align-items:center; justify-content:center; }
.qa-a{ margin:0; color:var(--text-muted); font-size:.9rem; padding-inline-start:34px; }
.qa-a::before{ content:"پاسخ: "; color:var(--accent-amber); font-weight:600; }
.qa-meta{ font-family:var(--font-mono); font-size:.72rem; color:var(--text-muted); margin-inline-start:8px; }

/* ---------- فرم‌های عمومی درون پنل ---------- */
.mini-form{ display:flex; flex-direction:column; gap:12px; max-width:640px; }
.mini-form input, .mini-form textarea, .mini-form select{
  background:var(--bg-panel-2); border:1px solid var(--border-hair); border-radius:8px;
  padding:12px 14px; color:var(--text-primary); font-family:var(--font-display); font-size:.9rem;
}
.mini-form input:focus, .mini-form textarea:focus, .mini-form select:focus{ outline:none; border-color:var(--accent-cyan); }
.mini-form .row2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:600px){ .mini-form .row2{ grid-template-columns:1fr; } }

/* ---------- خبرنامه ---------- */
.newsletter-panel{
  background:linear-gradient(120deg, var(--bg-panel-2), var(--bg-panel-3));
  border:1px solid var(--border-hair); border-radius:16px;
  padding:40px; display:flex; flex-wrap:wrap; gap:28px; align-items:center; justify-content:space-between;
}
.newsletter-text{ max-width:420px; }
.newsletter-text h2{ margin:0 0 8px; font-size:1.4rem; }
.newsletter-text p{ margin:0; color:var(--text-muted); font-size:.9rem; }
.newsletter-form{ display:flex; gap:10px; flex-wrap:wrap; flex:1; min-width:280px; }
.newsletter-form input{
  flex:1; min-width:220px; background:var(--bg-deep); border:1px solid var(--border-hair); border-radius:999px;
  padding:13px 20px; color:var(--text-primary); font-size:.9rem;
}
.newsletter-form input:focus{ outline:none; border-color:var(--accent-cyan); }

/* ---------- اساتید ---------- */
.prof-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:20px; }
.prof-card{ text-align:center; background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:var(--radius-md); padding:26px 18px; }
.prof-avatar{
  width:76px; height:76px; border-radius:50%; margin:0 auto 14px;
  background:linear-gradient(135deg, var(--accent-cyan-dim), var(--bg-panel-3));
  display:flex; align-items:center; justify-content:center; font-size:1.6rem; border:1px solid var(--accent-cyan);
}
.prof-card h3{ margin:0 0 4px; font-size:.98rem; }
.prof-card .prof-role{ font-size:.78rem; color:var(--accent-cyan); font-family:var(--font-mono); margin-bottom:8px; }
.prof-card p{ margin:0; color:var(--text-muted); font-size:.85rem; }

/* ---------- حامیان آموزشی ---------- */
.sponsor-strip{ display:flex; flex-wrap:wrap; gap:16px; }
.sponsor-slot{
  flex:1; min-width:160px; height:90px; border:1px dashed var(--border-hair); border-radius:var(--radius-md);
  display:flex; align-items:center; justify-content:center; color:var(--text-muted); font-size:.82rem;
  background:var(--bg-panel);
}
.sponsor-cta{ margin-top:20px; }

/* ---------- پژوهش ---------- */
.research-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:18px; }
.research-card{ background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:var(--radius-md); padding:20px; }
.research-card h3{ margin:0 0 8px; font-size:.98rem; }
.research-card p{ margin:0 0 10px; color:var(--text-muted); font-size:.86rem; }
.research-meta{ font-family:var(--font-mono); font-size:.75rem; color:var(--accent-amber); }

/* ---------- شبکه انجمن‌ها (تیزر در صفحه اصلی) ---------- */
.network-teaser{
  background:radial-gradient(ellipse at 100% 0%, #16233B 0%, #0A0F1C 70%);
  border:1px solid var(--border-hair); border-radius:20px; padding:48px;
  display:flex; flex-wrap:wrap; gap:30px; justify-content:space-between; align-items:center;
}
.network-logos{ display:flex; gap:14px; flex-wrap:wrap; }
.network-logo-dot{
  width:52px; height:52px; border-radius:50%; border:1px solid var(--border-hair);
  background:var(--bg-panel); display:flex; align-items:center; justify-content:center; font-size:1.2rem; color:var(--text-muted);
}

/* ---------- صفحه شبکه (network.html) ---------- */
.uni-header{
  background:var(--bg-panel); border-bottom:1px solid var(--border-hair); padding:16px 24px;
}
.uni-header-inner{ max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; }
.uni-hero{ text-align:center; padding:70px 24px 50px; }
.uni-hero h1{ font-size:clamp(1.8rem,4vw,2.6rem); margin:0 0 14px; }
.uni-hero p{ color:var(--text-muted); max-width:600px; margin:0 auto; }

.assoc-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:18px; }
.assoc-card{ background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:var(--radius-md); padding:22px; text-align:center; }
.assoc-logo{
  width:60px; height:60px; border-radius:50%; margin:0 auto 12px;
  background:var(--bg-panel-2); border:1px solid var(--accent-cyan); display:flex; align-items:center; justify-content:center; font-size:1.3rem; color:var(--accent-cyan);
}
.assoc-card h3{ margin:0 0 4px; font-size:.95rem; }
.assoc-card p{ margin:0; color:var(--text-muted); font-size:.8rem; }

.tab-bar{ display:flex; gap:10px; border-bottom:1px solid var(--border-hair); margin-bottom:28px; flex-wrap:wrap; }
.tab-btn{
  padding:12px 18px; font-size:.9rem; color:var(--text-muted); border-bottom:2px solid transparent; cursor:pointer; background:none; border-top:none; border-inline:none; font-family:var(--font-display);
}
.tab-btn.active{ color:var(--accent-cyan); border-bottom-color:var(--accent-cyan); }
.tab-panel{ display:none; }
.tab-panel.active{ display:block; }

.login-box{
  max-width:420px; margin:0 auto; background:var(--bg-panel); border:1px solid var(--border-hair);
  border-radius:16px; padding:34px;
}
.login-box h2{ margin:0 0 6px; font-size:1.15rem; text-align:center; }
.login-box .section-desc{ text-align:center; margin-bottom:20px; }

.dash-grid{ display:grid; grid-template-columns:240px 1fr; gap:24px; }
@media (max-width:800px){ .dash-grid{ grid-template-columns:1fr; } }
.dash-side{ background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:var(--radius-md); padding:20px; height:fit-content; }
.dash-side button{
  display:block; width:100%; text-align:start; background:none; border:none; color:var(--text-muted);
  padding:10px 12px; border-radius:8px; font-family:var(--font-display); font-size:.88rem; cursor:pointer; margin-bottom:4px;
}
.dash-side button.active, .dash-side button:hover{ background:var(--bg-panel-2); color:var(--accent-cyan); }
.dash-main{ background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:var(--radius-md); padding:26px; }

.table-list{ display:flex; flex-direction:column; gap:2px; }
.table-row{
  display:flex; justify-content:space-between; align-items:center; gap:14px;
  padding:14px 0; border-bottom:1px solid var(--border-hair); flex-wrap:wrap;
}
.table-row .row-main{ flex:1; min-width:200px; }
.table-row .row-main strong{ display:block; font-size:.92rem; }
.table-row .row-main span{ font-size:.78rem; color:var(--text-muted); }
.row-actions{ display:flex; gap:8px; }
.btn-tiny{ font-family:var(--font-mono); font-size:.75rem; padding:6px 12px; border-radius:6px; border:1px solid var(--border-hair); background:none; color:var(--text-primary); cursor:pointer; }
.btn-tiny.approve{ border-color:#5fe0a0; color:#5fe0a0; }
.btn-tiny.reject{ border-color:#e88484; color:#e88484; }
.btn-tiny:hover{ filter:brightness(1.2); }

.empty-state{ text-align:center; padding:40px 20px; color:var(--text-muted); font-size:.9rem; }

.demo-banner{
  background:rgba(232,169,79,.1); border:1px solid rgba(232,169,79,.35); color:var(--accent-amber);
  font-size:.82rem; padding:12px 18px; border-radius:10px; margin-bottom:24px; text-align:center;
}

/* =========================================================
   فاز ۳ — ری‌دیزاین لایه‌ای قدرتمند (الهام از دیجی‌کالا) + پنل کاریابی
   ========================================================= */

/* ---------- نوار دسته‌بندی‌ها (سبک آیکون‌های صفحه اصلی دیجی‌کالا) ---------- */
.category-strip{
  max-width:1200px; margin:-30px auto 0; padding:0 24px 0 calc(24px + 22px);
  position:relative; z-index:5;
}
.category-scroll{
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
  background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:18px;
  padding:20px; box-shadow:0 20px 50px -20px rgba(0,0,0,.55), 0 2px 0 rgba(255,255,255,.02) inset;
}
@media (max-width:900px){ .category-scroll{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:520px){ .category-scroll{ grid-template-columns:repeat(2,1fr); } }
.category-item{
  display:flex; flex-direction:column; align-items:center; gap:10px;
  padding:14px 8px; border-radius:12px; text-align:center;
  transition: transform .25s var(--ease), background .25s var(--ease);
}
.category-item:hover{ transform:translateY(-4px); background:var(--bg-panel-2); }
.category-icon{
  width:46px; height:46px; border-radius:14px;
  display:flex; align-items:center; justify-content:center; font-size:1.3rem;
  background:linear-gradient(135deg, var(--bg-panel-3), var(--bg-panel-2));
  border:1px solid var(--border-hair); color:var(--accent-cyan);
}
.category-item span{ font-size:.78rem; color:var(--text-muted); }

/* ---------- نوار آمار سریع (trust bar) ---------- */
.stat-ticker{
  max-width:1200px; margin:16px auto 0; padding:0 24px 0 calc(24px + 22px);
}
.stat-ticker-inner{
  display:flex; flex-wrap:wrap; gap:0;
  background:var(--bg-panel-2); border:1px solid var(--border-hair); border-radius:14px; overflow:hidden;
}
.stat-ticker-item{
  flex:1; min-width:140px; text-align:center; padding:16px 10px;
  border-inline-end:1px solid var(--border-hair);
}
.stat-ticker-item:last-child{ border-inline-end:none; }
.stat-ticker-item b{ display:block; font-family:var(--font-mono); color:var(--accent-amber); font-size:1.1rem; }
.stat-ticker-item span{ font-size:.75rem; color:var(--text-muted); }

/* ---------- کارت‌های لایه‌ای (عمق بصری قوی‌تر، سبک ویترین) ---------- */
.layered-card{
  position:relative;
  box-shadow:
    0 1px 0 rgba(255,255,255,.03) inset,
    0 18px 40px -22px rgba(0,0,0,.65);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.layered-card::before{
  content:"";
  position:absolute; inset:6px -6px -6px 6px;
  border:1px solid var(--border-hair);
  border-radius:inherit;
  z-index:-1; opacity:.5;
  transition:opacity .3s var(--ease), transform .3s var(--ease);
}
.layered-card:hover{ transform:translateY(-6px); box-shadow:0 26px 54px -22px rgba(76,214,232,.28); }
.layered-card:hover::before{ transform:translate(3px,3px); opacity:.8; }

/* ---------- ریبون گوشه (ویژه/فوری/جدید) ---------- */
.corner-ribbon{
  position:absolute; top:14px; inset-inline-start:-6px; z-index:3;
  font-family:var(--font-mono); font-size:.68rem; font-weight:600;
  padding:4px 12px 4px 16px; color:#04141a; background:var(--accent-amber);
  border-radius:0 6px 6px 0;
}
.corner-ribbon::after{
  content:""; position:absolute; inset-inline-start:0; top:100%;
  border-inline-start:6px solid transparent; border-top:6px solid #a3742e;
}
.corner-ribbon.urgent{ background:#e88484; }
.corner-ribbon.new{ background:var(--accent-cyan); }

/* ---------- پنل کاریابی ---------- */
.job-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:20px; }
.job-card{
  position:relative; background:var(--bg-panel); border:1px solid var(--border-hair);
  border-radius:14px; padding:24px; display:flex; flex-direction:column; gap:12px;
}
.job-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
.job-clinic{ font-size:.78rem; color:var(--accent-cyan); font-family:var(--font-mono); }
.job-title{ margin:4px 0 0; font-size:1.05rem; }
.job-meta{ display:flex; flex-wrap:wrap; gap:8px; }
.job-meta span{
  font-size:.72rem; color:var(--text-muted); border:1px solid var(--border-hair);
  border-radius:999px; padding:4px 10px; font-family:var(--font-mono);
}
.job-desc{ color:var(--text-muted); font-size:.86rem; margin:0; flex:1; }
.job-foot{ display:flex; justify-content:space-between; align-items:center; gap:10px; border-top:1px solid var(--border-hair); padding-top:12px; }
.job-salary{ font-size:.8rem; color:#5fe0a0; font-family:var(--font-mono); }

.job-filters{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:24px; }

/* اعمال جلوه‌ی لایه‌ای روی کارت‌های موجود بدون نیاز به تغییر HTML */
.board-card, .event-card, .premium-card, .research-card, .prof-card, .assoc-card, .job-card, .edu-card, .book-card{
  box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 16px 36px -22px rgba(0,0,0,.6);
}
.board-card:hover, .event-card:hover, .premium-card:hover, .research-card:hover, .job-card:hover{
  box-shadow: 0 22px 46px -20px rgba(76,214,232,.25);
}
@media (prefers-reduced-motion: no-preference){
  .board-card, .event-card, .premium-card, .research-card, .job-card, .edu-card, .book-card, .assoc-card{
    transition: transform .18s ease-out, box-shadow .18s ease-out;
    will-change:transform;
  }
}

/* =========================================================
   فاز ۴ — انیمیشن‌های حرفه‌ای با موتیف اسکلت و رادیولوژی
   (فقط جلوه‌های بصری اضافه شده؛ هیچ پنل یا منطقی تغییر نکرده)
   ========================================================= */

@media (prefers-reduced-motion: no-preference){

/* ---------- اسکلت SVG پس‌زمینه هیرو (افکت رسم‌شدن مثل اسکن) ---------- */
.hero-skeleton{
  position:absolute;
  inset-inline-end:-40px;
  bottom:-40px;
  width:min(46vw, 480px);
  height:auto;
  opacity:.32;
  z-index:1;
  pointer-events:none;
  filter:drop-shadow(0 0 18px rgba(76,214,232,.35));
  mix-blend-mode:screen;
}
.hero-skeleton path, .hero-skeleton circle, .hero-skeleton ellipse{
  fill:none;
  stroke:var(--accent-cyan);
  stroke-width:1.4;
  stroke-linecap:round;
  stroke-dasharray:1400;
  stroke-dashoffset:1400;
  animation: drawSkeleton 3.6s var(--ease) forwards, boneGlow 4s ease-in-out 3.6s infinite;
}
.hero-skeleton .bone-2{ animation-delay:.15s, 3.75s; }
.hero-skeleton .bone-3{ animation-delay:.3s, 3.9s; }
.hero-skeleton .bone-4{ animation-delay:.45s, 4.05s; }
.hero-skeleton .bone-5{ animation-delay:.6s, 4.2s; }
@keyframes drawSkeleton{ to{ stroke-dashoffset:0; } }
@keyframes boneGlow{
  0%, 100%{ stroke:var(--accent-cyan); filter:none; }
  50%{ stroke:#bdf3fb; }
}
@media (max-width:900px){ .hero-skeleton{ display:none; } }

/* ---------- استخوان‌های شناور تزئینی در بخش‌ها ---------- */
.floating-bone{
  position:absolute;
  font-size:1.6rem;
  opacity:.14;
  pointer-events:none;
  z-index:0;
  animation: boneFloat 7s ease-in-out infinite;
  filter:grayscale(1);
}
@keyframes boneFloat{
  0%, 100%{ transform:translateY(0) rotate(0deg); }
  50%{ transform:translateY(-18px) rotate(8deg); }
}
.section{ position:relative; }

/* =========================================================
   پس‌زمینه‌ی تصویری هر بخش (عکس‌های رادیولوژی)
   هر بخش یک عکس پس‌زمینه‌ی تمام‌عرض دارد + گرادیان تیره روش
   تا متن همیشه خوانا بماند. مسیر تصاویر: images/backgrounds/
   بخش‌هایی که هنوز عکس ندارند (کامنت‌شده) — فقط کافیست فایل
   را با همان نام داخل images/backgrounds/ بگذارید و کامنت را
   بردارید؛ چیز دیگری لازم نیست تغییر کند.
   ========================================================= */

#features, #about, #board, #gallery, #library, #positioning-guide,
#education, #articles, #links, #videos, #newsletter, #webinars,
#premium, #qa, #radiology-facts, #nezam-campaign, #jobs, #global-careers,
#content-request, #research, #professors, #sponsors,
#store-supplies, #store-equipment, #student-showcase, #contact,
#network-hub .uni-hero{
  position:relative;
  isolation:isolate;
}
#features::before, #about::before, #board::before, #gallery::before,
#library::before, #positioning-guide::before, #education::before,
#articles::before, #links::before, #videos::before, #newsletter::before,
#webinars::before, #premium::before, #qa::before, #radiology-facts::before,
#nezam-campaign::before, #jobs::before, #global-careers::before,
#content-request::before, #research::before,
#professors::before, #sponsors::before, #store-supplies::before,
#store-equipment::before, #student-showcase::before, #contact::before,
#network-hub .uni-hero::before{
  content:"";
  position:absolute;
  top:0; bottom:0; left:50%;
  width:100vw;
  transform:translateX(-50%);
  z-index:-1;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  pointer-events:none;
}

/* هیرو صفحه اصلی از قبل تمام‌عرض است، مستقیم background می‌گیرد */
.hero{
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(22,35,59,.35) 0%, rgba(10,15,28,.68) 60%),
    linear-gradient(180deg, rgba(10,15,28,.35), rgba(10,15,28,.8)),
    url("images/backgrounds/hero-home.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

#features::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/features-bg.jpg"); }
/* هنوز عکس نداره — وقتی images/backgrounds/about-bg.jpg رو گذاشتی، این خط رو از کامنت دربیار */
/* #about::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/about-bg.jpg"); } */
#board::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/board-bg.jpg"); }
#gallery::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/gallery-bg.jpg"); }
#library::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/library-bg.jpg"); }
#positioning-guide::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/positioning-bg.jpg"); }
#education::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/education-bg.jpg"); }
#articles::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/articles-bg.jpg"); }
#links::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/links-bg.jpg"); }
#videos::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/videos-bg.jpg"); }
#newsletter::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/newsletter-bg.jpg"); }
#webinars::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/webinars-bg.jpg"); }
#premium::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/premium-bg.jpg"); }
#qa::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/qa-bg.jpg"); }
#radiology-facts::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/facts-bg.jpg"); }
#nezam-campaign::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/campaign-bg.jpg"); }
#jobs::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/jobs-bg.jpg"); }
#global-careers::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/global-careers-bg.jpg"); }
#content-request::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/content-request-bg.jpg"); }
#research::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/research-bg.jpg"); }
#professors::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/professors-bg.jpg"); }
#sponsors::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/sponsors-bg.jpg"); }
#store-supplies::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/store-supplies-bg.jpg"); }
#store-equipment::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/store-equipment-bg.jpg"); }
#student-showcase::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/showcase-bg.jpg"); }
#network-hub .uni-hero::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/network-hub-bg.jpg"); }
#contact::before{ background-image: linear-gradient(180deg, rgba(10,15,28,.88), rgba(10,15,28,.95)), url("images/backgrounds/contact-bg.jpg"); }

/* ---------- ریتم تپش برای نشانگرهای زنده ---------- */
.badge-ring{ animation: heartbeat 1.8s ease-in-out infinite; }
@keyframes heartbeat{
  0%, 100%{ transform:scale(1); box-shadow:0 0 8px rgba(232,169,79,.5); }
  50%{ transform:scale(1.35); box-shadow:0 0 16px rgba(232,169,79,.85); }
}

/* ---------- درخشش نبض‌دار روی دکمه اصلی هیرو ---------- */
.hero-actions .btn-primary{ position:relative; overflow:hidden; }
.hero-actions .btn-primary::after{
  content:"";
  position:absolute; inset:0; border-radius:inherit;
  box-shadow:0 0 0 0 rgba(76,214,232,.5);
  animation: pulseRing 2.4s ease-out infinite;
}
@keyframes pulseRing{
  0%{ box-shadow:0 0 0 0 rgba(76,214,232,.45); }
  70%{ box-shadow:0 0 0 14px rgba(76,214,232,0); }
  100%{ box-shadow:0 0 0 0 rgba(76,214,232,0); }
}

/* ---------- ورود پلکانی کارت‌ها هنگام اسکرول ---------- */
.board-grid .reveal:nth-child(1), .event-grid .reveal:nth-child(1), .job-grid .reveal:nth-child(1){ transition-delay:.05s; }
.board-grid .reveal:nth-child(2), .event-grid .reveal:nth-child(2), .job-grid .reveal:nth-child(2){ transition-delay:.15s; }
.board-grid .reveal:nth-child(3), .event-grid .reveal:nth-child(3), .job-grid .reveal:nth-child(3){ transition-delay:.25s; }
.board-grid .reveal:nth-child(4), .event-grid .reveal:nth-child(4){ transition-delay:.35s; }
.reveal{ transition-duration:.8s; }

/* ---------- خط اسکن عبوری روی سرتیتر بخش‌ها ---------- */
.section-head{ position:relative; overflow:hidden; }
.section-head h2{ position:relative; display:inline-block; }
.section-head h2::after{
  content:"";
  position:absolute; inset-inline-start:0; bottom:-6px;
  height:2px; width:0%;
  background:linear-gradient(90deg, var(--accent-cyan), transparent);
  transition:width 1.1s var(--ease);
}
.section-head.in-view h2::after{ width:100%; }

/* ---------- شمارشگر آمار متحرک ---------- */
.stat-ticker-item b{ transition:color .3s; }
.stat-ticker-item.counted b{ color:var(--accent-cyan); }

/* ---------- کرسر ردیاب رادیولوژی در هیرو ---------- */
.hero-reticle{
  position:absolute; width:34px; height:34px; z-index:3;
  border:1px solid rgba(76,214,232,.7); border-radius:50%;
  pointer-events:none; transform:translate(-50%,-50%);
  opacity:0; transition:opacity .3s;
}
.hero-reticle::before, .hero-reticle::after{
  content:""; position:absolute; background:rgba(76,214,232,.7);
}
.hero-reticle::before{ inset-inline-start:50%; top:-8px; bottom:-8px; width:1px; transform:translateX(-50%); }
.hero-reticle::after{ top:50%; inset-inline-start:-8px; inset-inline-end:-8px; height:1px; transform:translateY(-50%); }
.hero:hover .hero-reticle{ opacity:1; }

/* ---------- درخشش عبوری روی کارت‌های ویژه هنگام هاور ---------- */
.premium-card, .job-card, .event-card{ position:relative; overflow:hidden; }
.premium-card::before, .job-card::before, .event-card::before{
  content:"";
  position:absolute; top:0; bottom:0; width:60%;
  background:linear-gradient(115deg, transparent, rgba(76,214,232,.10), transparent);
  transform:translateX(-160%);
  transition:transform .7s var(--ease);
  pointer-events:none;
}
.premium-card:hover::before, .job-card:hover::before, .event-card:hover::before{ transform:translateX(220%); }

/* ---------- چرخش ملایم آیکون دسته‌بندی ---------- */
.category-icon{ transition:transform .4s var(--ease); }
.category-item:hover .category-icon{ transform:rotate(-8deg) scale(1.08); }

/* ---------- ورود نرم‌تر برای هیرو در بارگذاری صفحه ---------- */
.hero-inner > *{ opacity:0; transform:translateY(16px); animation:heroIn .8s var(--ease) forwards; }
.hero-inner .eyebrow{ animation-delay:.1s; }
.hero-inner .hero-search-variant{ animation-delay:.16s; }
.hero-inner .hero-title{ animation-delay:.22s; }
.hero-inner .hero-desc{ animation-delay:.34s; }
.hero-inner .hero-actions{ animation-delay:.46s; }
@keyframes heroIn{ to{ opacity:1; transform:none; } }

} /* پایان prefers-reduced-motion */

/* =========================================================
   ساده‌سازی: سایت از حالت سه‌بعدی خارج شد — بدون WebGL، بدون
   چرخش پرسپکتیو، بدون کارت‌های کج‌شونده. فقط جلوه‌های مسطح (flat).
   ========================================================= */

/* ---------- پایه‌ی فلت برای کاروسل اساتید (بدون حالت سه‌بعدی) ---------- */
.carousel-3d-viewport{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:20px;
}
.carousel-3d-item{ position:static; }

/* ---------- ورود ساده هنگام اسکرول (فید + جابه‌جایی، بدون پرسپکتیو) ---------- */
@media (prefers-reduced-motion: no-preference){
  .reveal{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .7s var(--ease), transform .7s var(--ease);
  }
  .reveal.is-visible{ opacity:1; transform:translateY(0); }
}


/* ---------- ۱) کاورفلوی سبک PS4 برای هیئت‌مدیره (نسخه‌ی مسطح) ---------- */
.coverflow{
  position:relative;
  height:auto;
  margin:0;
}
.coverflow-track{
  position:static;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
  gap:16px;
}
.coverflow-item{
  position:static;
  width:100%;
  background:var(--bg-panel);
  border:1px solid var(--border-hair);
  border-radius:var(--radius-md);
  padding:24px 20px;
  transition: border-color .3s var(--ease), box-shadow .3s var(--ease);
  cursor:pointer;
}
.coverflow-item.is-center{
  border-color:var(--accent-cyan);
  box-shadow:0 20px 40px -20px rgba(76,214,232,.35);
  cursor:default;
}
.coverflow-item.is-near-l, .coverflow-item.is-near-r,
.coverflow-item.is-far-l, .coverflow-item.is-far-r{ opacity:1; filter:none; }
.coverflow-item.is-hidden{ opacity:1; pointer-events:auto; }
.coverflow-nav{ display:flex; justify-content:center; gap:14px; margin-top:18px; }
.coverflow-nav button{
  width:42px; height:42px; border-radius:50%; border:1px solid var(--border-hair);
  background:var(--bg-panel); color:var(--accent-cyan); font-size:1.1rem; cursor:pointer;
  transition:all .25s var(--ease);
}
.coverflow-nav button:hover{ background:var(--accent-cyan); color:#04141a; }
.coverflow-dots{ display:flex; justify-content:center; gap:8px; margin-top:14px; }
.coverflow-dots span{ width:7px; height:7px; border-radius:50%; background:var(--border-hair); transition:background .3s; cursor:pointer; }
.coverflow-dots span.active{ background:var(--accent-cyan); width:20px; border-radius:4px; }

/* ---------- ۲) استک کارت‌های وبینار (سوایپ) ---------- */
.stackflow{ position:relative; height:300px; max-width:480px; margin:0 auto; }
.stackflow-card{
  position:absolute; inset:0;
  background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:var(--radius-md);
  padding:26px; display:flex; flex-direction:column; gap:12px; justify-content:space-between;
  transition: transform .5s cubic-bezier(.22,.61,.36,1), opacity .5s ease;
  cursor:grab;
}
.stackflow-card.pos-0{ transform:translateY(0) scale(1); z-index:5; opacity:1; }
.stackflow-card.pos-1{ transform:translateY(16px) scale(.94); z-index:4; opacity:.75; }
.stackflow-card.pos-2{ transform:translateY(30px) scale(.88); z-index:3; opacity:.5; }
.stackflow-card.pos-hidden{ transform:translateY(40px) scale(.8); opacity:0; z-index:1; pointer-events:none; }
.stackflow-controls{ display:flex; justify-content:center; gap:16px; margin-top:22px; }
.stackflow-controls button{
  padding:10px 22px; border-radius:999px; border:1px solid var(--border-hair);
  background:var(--bg-panel); color:var(--text-primary); font-family:var(--font-display); cursor:pointer;
  transition:all .25s var(--ease);
}
.stackflow-controls button:hover{ border-color:var(--accent-cyan); color:var(--accent-cyan); }

/* ---------- ۳) بادبزن آگهی‌های شغلی (Fan/Arc) ---------- */
.fanflow{ position:relative; min-height:360px; display:flex; align-items:flex-end; justify-content:center; padding-bottom:20px; }
.fanflow-item{
  position:absolute; bottom:0; width:230px;
  background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:14px;
  padding:20px; transition: transform .5s cubic-bezier(.22,.61,.36,1), opacity .5s ease, box-shadow .5s ease;
  transform-origin:bottom center;
  cursor:pointer;
}
.fanflow-item.is-active{ box-shadow:0 24px 50px -18px rgba(76,214,232,.4); border-color:var(--accent-cyan); z-index:5; }
.fanflow-hint{ text-align:center; font-family:var(--font-mono); font-size:.72rem; color:var(--text-muted); margin-top:14px; }
@media (max-width:720px){
  .fanflow{ display:grid; position:static; min-height:0; gap:14px; }
  .fanflow-item{ position:static; transform:none !important; width:100%; }
}

/* =========================================================
   افزونه: مودال عمومی (فرم‌های کوتاه / گالری)
   ========================================================= */
.rn-modal{
  position:fixed; inset:0; z-index:200; background:rgba(5,8,15,.88); backdrop-filter:blur(6px);
  display:none; align-items:center; justify-content:center; padding:20px; overflow-y:auto;
}
.rn-modal.open{ display:flex; }
.rn-modal-inner{
  max-width:480px; width:100%; background:var(--bg-panel); border:1px solid var(--border-hair);
  border-radius:18px; padding:30px; position:relative; max-height:85vh; overflow-y:auto;
}
.rn-modal-close{
  position:absolute; top:16px; inset-inline-end:16px; background:none; border:1px solid var(--border-hair);
  color:var(--text-muted); border-radius:999px; padding:6px 14px; cursor:pointer; font-family:inherit;
}
.rn-modal-inner h3{ margin:0 0 6px; font-size:1.15rem; }
.rn-modal-inner p.rn-modal-desc{ color:var(--text-muted); font-size:.85rem; margin:0 0 18px; }
.rn-modal-form{ display:flex; flex-direction:column; gap:12px; }
.rn-modal-form input, .rn-modal-form textarea, .rn-modal-form select{
  padding:12px 14px; border-radius:10px; border:1px solid var(--border-hair);
  background:var(--bg-panel-2); color:var(--text-primary); font-family:inherit; font-size:.88rem;
}
.rn-modal-form textarea{ min-height:80px; resize:vertical; }
.rn-modal-note{ font-size:.82rem; color:var(--accent-cyan); min-height:18px; }

/* =========================================================
   افزونه: بخش «قابلیت‌های سایت» در صفحه اصلی
   ========================================================= */
.features-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:18px;
}
.feature-card{
  display:block; background:var(--bg-panel); border:1px solid var(--border-hair);
  border-radius:16px; padding:26px; transition:all .25s var(--ease); color:inherit;
}
.feature-card:hover{ border-color:var(--accent-cyan); transform:translateY(-4px); box-shadow:0 20px 40px -20px rgba(76,214,232,.3); }
.feature-icon{ font-size:2rem; margin-bottom:14px; }
.feature-card h3{ margin:0 0 8px; font-size:1.02rem; }
.feature-card p{ margin:0; color:var(--text-muted); font-size:.85rem; line-height:1.8; }

/* =========================================================
   افزونه: کارت‌های معرفی قابلیت‌های سایت (صفحه‌ی اول)
   ========================================================= */
.feature-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; }
.feature-card{
  display:block; background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:16px;
  padding:26px; transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.feature-card:hover{ transform:translateY(-4px); border-color:var(--accent-cyan); box-shadow:0 20px 40px -20px rgba(76,214,232,.3); }
.feature-icon{ font-size:2rem; margin-bottom:12px; }
.feature-card h3{ margin:0 0 8px; font-size:1.05rem; color:var(--text-primary); }
.feature-card p{ margin:0; color:var(--text-muted); font-size:.88rem; line-height:1.8; }

/* =========================================================
   افزونه: دانستنی‌های رادیولوژی
   ========================================================= */
.fact-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; }
.fact-hero{
  position:relative; background:linear-gradient(135deg, rgba(76,214,232,.1), rgba(232,169,79,.08)), var(--bg-panel);
  border:1px solid var(--accent-cyan-dim); border-radius:20px; padding:30px; margin-bottom:24px;
}
.fact-hero-badge{
  position:absolute; top:-12px; right:24px; background:var(--accent-cyan); color:#04141a; font-family:var(--font-mono);
  font-size:.7rem; font-weight:700; padding:5px 14px; border-radius:999px;
}
.fact-hero-body{ display:flex; gap:18px; align-items:flex-start; }
.fact-hero-icon{ font-size:2.4rem; flex-shrink:0; }
.fact-hero-body p{ margin:0; font-size:.95rem; line-height:2; color:var(--text-primary); }
.fact-hero-body p b{ color:var(--accent-amber); }
.fact-card{ position:relative; }
.fact-tag{
  position:absolute; top:14px; left:14px; font-family:var(--font-mono); font-size:.65rem; color:var(--accent-cyan);
  border:1px solid var(--accent-cyan-dim); border-radius:999px; padding:2px 10px;
}
.fact-card{
  background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:14px; padding:22px;
  display:flex; gap:14px; align-items:flex-start;
}
.fact-card .fact-icon{ font-size:1.6rem; flex-shrink:0; }
.fact-card p{ margin:0; font-size:.88rem; color:var(--text-muted); line-height:1.9; }
.fact-card p b{ color:var(--text-primary); }

/* =========================================================
   افزونه: کارزار نظام رادیولوژی (امضای دیجیتال)
   ========================================================= */
.campaign-section{
  background:linear-gradient(160deg, rgba(232,169,79,.08), transparent 60%), var(--bg-panel);
  border:1px solid rgba(232,169,79,.35); border-radius:24px; padding:44px 32px;
}
.campaign-head{ text-align:center; max-width:720px; margin:0 auto 30px; }
.campaign-head .eyebrow{ color:var(--accent-amber); }
.campaign-head h2{ font-size:clamp(1.5rem,3.5vw,2rem); margin:10px 0 16px; }
.campaign-head p{ color:var(--text-muted); line-height:2; }
.campaign-compare{
  display:grid; grid-template-columns:1fr 1fr; gap:16px; max-width:640px; margin:24px auto 0;
}
.campaign-compare .cmp-box{ background:var(--bg-panel-2); border:1px solid var(--border-hair); border-radius:12px; padding:16px; text-align:center; }
.campaign-compare .cmp-box.them{ border-color:rgba(95,224,160,.4); }
.campaign-compare .cmp-box.us{ border-color:rgba(232,132,132,.4); }
.campaign-compare .cmp-box b{ display:block; font-size:1.6rem; margin-bottom:4px; }
.campaign-compare .cmp-box span{ font-size:.78rem; color:var(--text-muted); }

.campaign-counter{
  text-align:center; margin:34px 0; font-family:var(--font-mono);
}
.campaign-counter b{ font-size:3rem; color:var(--accent-amber); display:block; animation:pulseGlow 2.2s ease-in-out infinite; }
@keyframes pulseGlow{ 0%,100%{ text-shadow:0 0 0 rgba(232,169,79,0); } 50%{ text-shadow:0 0 24px rgba(232,169,79,.5); } }
.campaign-counter span{ color:var(--text-muted); font-size:.85rem; }
.campaign-counter-objection{ margin-top:-16px; }
.campaign-counter-objection b{ font-size:1.7rem; color:var(--accent-cyan); animation:none; }

.campaign-reasons{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; max-width:820px; margin:28px auto 0;
}
.reason-item{
  background:var(--bg-panel-2); border:1px solid var(--border-hair); border-radius:12px; padding:16px 18px;
  display:flex; gap:12px; align-items:flex-start;
}
.reason-num{ font-family:var(--font-mono); color:var(--accent-amber); font-weight:700; font-size:.95rem; flex-shrink:0; }
.reason-item p{ margin:0; font-size:.84rem; color:var(--text-muted); line-height:1.8; }

.campaign-goal-bar{
  max-width:420px; margin:16px auto 8px; height:10px; background:var(--bg-panel-2); border-radius:999px; overflow:hidden;
  border:1px solid var(--border-hair);
}
.campaign-goal-fill{ height:100%; width:0%; background:linear-gradient(90deg, var(--accent-amber), #f0d090); transition:width .6s var(--ease); }
.campaign-goal-label{ display:block; font-size:.75rem; }

/* مرحله‌ی پیگیری کارزار */
.campaign-stage-tracker{
  display:flex; flex-wrap:wrap; justify-content:center; gap:0; max-width:760px; margin:26px auto 6px;
}
.stage-step{
  display:flex; flex-direction:column; align-items:center; gap:8px; flex:1; min-width:130px; position:relative; padding:0 8px;
}
.stage-step:not(:last-child)::after{
  content:""; position:absolute; top:15px; inset-inline-start:calc(50% + 26px); inset-inline-end:calc(-50% + 26px);
  height:2px; background:var(--border-hair);
}
.stage-step.done:not(:last-child)::after{ background:var(--accent-amber); }
.stage-dot{
  width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:var(--bg-panel-2); border:2px solid var(--border-hair); font-size:.8rem; font-weight:700; color:var(--text-muted);
  font-family:var(--font-mono); z-index:1;
}
.stage-step.done .stage-dot{ background:var(--accent-amber); border-color:var(--accent-amber); color:#221204; }
.stage-step.current .stage-dot{ background:var(--accent-cyan); border-color:var(--accent-cyan); color:#04141a; box-shadow:0 0 0 5px rgba(76,214,232,.2); }
.stage-step span:last-child{ font-size:.74rem; color:var(--text-muted); text-align:center; }
.stage-step.done span:last-child, .stage-step.current span:last-child{ color:var(--text-primary); font-weight:600; }

/* رای سریع اعضا */
.campaign-quickvote{
  text-align:center; max-width:480px; margin:0 auto 24px; display:flex; flex-direction:column; align-items:center; gap:10px;
}
.campaign-quickvote p{ margin:0; font-size:.82rem; color:var(--text-muted); }
.btn-campaign-vote{
  background:var(--bg-panel-2); border:1px solid var(--accent-cyan); color:var(--accent-cyan);
  padding:10px 24px; border-radius:999px; font-weight:700; cursor:pointer; transition:.25s;
}
.btn-campaign-vote:hover{ background:var(--accent-cyan); color:#04141a; }
.btn-campaign-vote:disabled{ opacity:.7; cursor:default; }
.campaign-quickvote-count{ font-size:.78rem; color:var(--text-muted); }

.sign-form{
  max-width:480px; margin:0 auto 34px; display:flex; flex-direction:column; gap:12px;
}
.sign-form input, .sign-form textarea{
  padding:13px 16px; border-radius:10px; border:1px solid var(--border-hair);
  background:var(--bg-panel-2); color:var(--text-primary); font-family:inherit; font-size:.9rem;
}
.sign-form textarea{ min-height:80px; resize:vertical; }
.btn-campaign{
  padding:15px; border:none; border-radius:12px; background:var(--accent-amber); color:#221204;
  font-weight:700; cursor:pointer; transition:.25s;
}
.btn-campaign:hover{ background:#f0bb6c; }

.campaign-cta-row{ display:flex; flex-direction:column; align-items:center; gap:10px; margin-bottom:34px; }
.btn-campaign-cta{
  max-width:420px; width:100%; font-size:1.05rem; padding:18px;
  box-shadow:0 0 0 0 rgba(232,169,79,.5); animation:campaignPulse 2.4s infinite;
}
@keyframes campaignPulse{
  0%{ box-shadow:0 0 0 0 rgba(232,169,79,.4); }
  70%{ box-shadow:0 0 0 14px rgba(232,169,79,0); }
  100%{ box-shadow:0 0 0 0 rgba(232,169,79,0); }
}
@media (prefers-reduced-motion: reduce){ .btn-campaign-cta{ animation:none; } }
.btn-campaign-share{
  background:none; border:1px solid var(--border-hair); color:var(--text-muted); padding:10px 20px;
  border-radius:10px; cursor:pointer; font-size:.82rem; transition:.25s;
}
.btn-campaign-share:hover{ border-color:var(--accent-cyan); color:var(--accent-cyan); }

.signature-wall{ display:flex; flex-direction:column; gap:10px; max-height:420px; overflow-y:auto; max-width:640px; margin:0 auto; }
.signature-item{
  background:var(--bg-panel-2); border:1px solid var(--border-hair); border-radius:10px; padding:14px 18px;
}
.signature-item .sig-name{ font-weight:700; font-size:.9rem; }
.signature-item .sig-meta{ font-size:.72rem; color:var(--text-muted); font-family:var(--font-mono); }
.signature-item .sig-comment{ margin-top:6px; font-size:.85rem; color:var(--text-muted); }
.sig-objection-badge{
  margin-top:8px; display:inline-block; font-size:.7rem; color:var(--accent-amber);
  border:1px solid rgba(232,169,79,.4); border-radius:999px; padding:3px 10px;
}

/* =========================================================
   افزونه: فروشگاه تجهیزات (پزشکی مصرفی و دستگاه‌های رادیولوژی)
   ========================================================= */
.store-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; }
.store-card{
  background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:14px; overflow:hidden;
  display:flex; flex-direction:column;
}
.store-card .store-img{ width:100%; height:160px; object-fit:cover; background:var(--bg-panel-2); }
.store-card .store-body{ padding:18px; display:flex; flex-direction:column; gap:8px; flex:1; }
.store-card h3{ margin:0; font-size:.98rem; }
.store-card p{ margin:0; font-size:.82rem; color:var(--text-muted); flex:1; }
.store-card .store-price{ font-family:var(--font-mono); color:var(--accent-cyan); font-weight:700; font-size:.95rem; }
.store-card .store-contact-btn{
  margin-top:6px; padding:10px; border-radius:8px; border:1px solid var(--accent-cyan); background:transparent;
  color:var(--accent-cyan); text-align:center; font-size:.82rem; cursor:pointer; text-decoration:none; display:block;
}
.store-card .store-contact-btn:hover{ background:var(--accent-cyan); color:#04141a; }

.nametag-order-box{
  background:linear-gradient(135deg, var(--bg-panel-2), var(--bg-panel-3)); border:1px solid var(--border-hair);
  border-radius:16px; padding:26px; margin:24px 0;
}
.nametag-order-box h3{ margin:0 0 8px; font-size:1rem; }
.nametag-order-box > p{ margin:0 0 16px; color:var(--text-muted); font-size:.86rem; }

/* =========================================================
   افزونه: دستاوردهای دانشجویان (اختراعات، مقالات، کارهای برتر)
   ========================================================= */
.showcase-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; }
.showcase-card{
  background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:16px; overflow:hidden;
  transition:transform .25s var(--ease), border-color .25s var(--ease);
}
.showcase-card:hover{ transform:translateY(-4px); border-color:var(--accent-amber); }
.showcase-card .showcase-img{ width:100%; height:180px; object-fit:cover; background:var(--bg-panel-2); }
.showcase-card .showcase-body{ padding:20px; }
.showcase-card .showcase-student{ display:flex; align-items:center; gap:8px; font-size:.78rem; color:var(--accent-amber); margin-bottom:8px; font-family:var(--font-mono); }
.showcase-card h3{ margin:0 0 8px; font-size:1.02rem; }
.showcase-card p{ margin:0 0 12px; font-size:.86rem; color:var(--text-muted); }
.showcase-card a.showcase-link{ font-size:.8rem; color:var(--accent-cyan); text-decoration:underline; }

/* =========================================================
   افزونه: نمایش لینک پنل مدیریت فقط برای مدیران واردشده
   ========================================================= */
.admin-nav-link{ display:none !important; }
.admin-nav-link.visible{ display:inline-flex !important; align-items:center; gap:4px; color:var(--accent-amber) !important; }
.nav-link-campaign{ color:var(--accent-amber) !important; font-weight:700; }

/* =========================================================
   کاروسل ساده‌ی تک‌آیتمی با دکمه (بدون هیچ افکت سه‌بعدی) — اساتید
   ========================================================= */
.simple-carousel{ display:flex; align-items:center; gap:16px; max-width:560px; margin:0 auto; }
.simple-carousel-viewport{ flex:1; overflow:hidden; }
.simple-carousel-track{ display:flex; transition:transform .35s var(--ease); direction:ltr; }
.simple-carousel-item{ flex:0 0 100%; direction:rtl; }
.simple-carousel-nav{
  flex-shrink:0; width:42px; height:42px; border-radius:50%; border:1px solid var(--border-hair);
  background:var(--bg-panel); color:var(--text-primary); font-size:1.3rem; cursor:pointer; transition:.25s;
}
.simple-carousel-nav:hover{ border-color:var(--accent-cyan); color:var(--accent-cyan); }

/* =========================================================
   افزونه: راهنمای پوزیشن‌های رادیوگرافی
   ========================================================= */
.pos-search-bar{
  max-width:520px; margin:0 auto 28px; position:relative;
}
.pos-search-bar input{
  width:100%; padding:15px 48px 15px 18px; border-radius:14px; border:1px solid var(--border-hair);
  background:var(--bg-panel-2); color:var(--text-primary); font-family:inherit; font-size:.95rem;
}
.pos-search-bar .pos-search-icon{ position:absolute; top:50%; inset-inline-end:16px; transform:translateY(-50%); color:var(--text-muted); pointer-events:none; }
.pos-filter-row{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:26px; }

.pos-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:20px; }
.pos-card{
  background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:16px; overflow:hidden;
  transition:transform .25s var(--ease), border-color .25s var(--ease);
}
.pos-card:hover{ transform:translateY(-4px); border-color:var(--accent-cyan); }
.pos-card .pos-media{ position:relative; width:100%; height:180px; background:var(--bg-panel-2); }
.pos-card .pos-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.pos-card .pos-play-badge{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(5,8,15,.35); font-size:2.2rem; opacity:0; transition:opacity .2s;
}
.pos-card .pos-media:hover .pos-play-badge{ opacity:1; }
.pos-card .pos-body{ padding:18px; }
.pos-card .pos-tag{ font-family:var(--font-mono); font-size:.68rem; color:var(--accent-cyan); border:1px solid var(--accent-cyan-dim); border-radius:999px; padding:3px 10px; display:inline-block; margin-bottom:8px; }
.pos-card h3{ margin:0 0 8px; font-size:.98rem; }
.pos-card p{ margin:0; font-size:.84rem; color:var(--text-muted); line-height:1.8; }
.pos-card video{ width:100%; height:100%; object-fit:cover; display:block; background:#000; }

/* =========================================================
   افزونه: اطلس پوزیشنینگ (عکس + کلیپ)
   ========================================================= */
.pos-search-row{ max-width:520px; margin:0 auto 28px; position:relative; }
.pos-search-row input{
  width:100%; padding:15px 46px 15px 18px; border-radius:14px; border:1px solid var(--border-hair);
  background:var(--bg-panel); color:var(--text-primary); font-family:inherit; font-size:.95rem;
}
.pos-search-row::before{
  content:'🔍'; position:absolute; inset-inline-end:16px; top:50%; transform:translateY(-50%);
  font-size:1rem; opacity:.6;
}
.pos-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:18px; }
.pos-card{
  background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:14px; overflow:hidden;
  cursor:pointer; transition:transform .25s var(--ease), border-color .25s var(--ease);
}
.pos-card:hover{ transform:translateY(-4px); border-color:var(--accent-cyan); }
.pos-card .pos-thumb-wrap{ position:relative; width:100%; height:150px; background:var(--bg-panel-2); }
.pos-card .pos-thumb-wrap img{ width:100%; height:100%; object-fit:cover; display:block; }
.pos-card .pos-play-badge{
  position:absolute; bottom:8px; inset-inline-end:8px; background:rgba(10,15,28,.8); color:var(--accent-cyan);
  border-radius:999px; padding:4px 10px; font-size:.68rem; font-family:var(--font-mono);
}
.pos-card .pos-body{ padding:14px 16px; }
.pos-card h3{ margin:0 0 4px; font-size:.9rem; }
.pos-card span.pos-cat{ font-size:.7rem; color:var(--text-muted); font-family:var(--font-mono); }
.pos-empty{ text-align:center; color:var(--text-muted); padding:30px; grid-column:1/-1; }

.pos-lightbox{
  position:fixed; inset:0; z-index:220; background:rgba(5,8,15,.92); backdrop-filter:blur(6px);
  display:none; align-items:center; justify-content:center; padding:24px; overflow-y:auto;
}
.pos-lightbox.open{ display:flex; }
.pos-lightbox-inner{
  max-width:640px; width:100%; background:var(--bg-panel); border:1px solid var(--border-hair);
  border-radius:18px; padding:24px; position:relative;
}
.pos-lightbox-close{
  position:absolute; top:16px; inset-inline-end:16px; background:none; border:1px solid var(--border-hair);
  color:var(--text-muted); border-radius:999px; padding:6px 14px; cursor:pointer; font-family:inherit;
}
.pos-lightbox-inner img{ width:100%; border-radius:12px; margin-bottom:14px; }
.pos-lightbox-inner video{ width:100%; border-radius:12px; margin-bottom:14px; background:#000; }
.pos-lightbox-inner h3{ margin:0 0 6px; }
.pos-lightbox-inner p{ color:var(--text-muted); font-size:.88rem; }

/* ---------- دکمه‌ی «ذخیره در پنل من» (فاز ۱۵ — پنل اختصاصی دانشجو) ---------- */
.save-btn{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--bg-panel-2); border:1px solid var(--border-hair);
  color:var(--text-muted); font-family:var(--font-display); font-size:12.5px;
  padding:7px 12px; border-radius:8px; cursor:pointer; transition:.2s var(--ease);
}
.save-btn:hover{ border-color:var(--accent-cyan); color:var(--accent-cyan); }
.save-btn.is-saved{ background:rgba(76,214,232,.12); border-color:var(--accent-cyan); color:var(--accent-cyan); }
.save-btn:disabled{ opacity:.6; cursor:wait; }

.pos-card{ position:relative; }
.pos-card .save-btn{ position:absolute; top:10px; left:10px; z-index:2; }

.article-row{ position:relative; }
.article-row .save-btn{ margin-top:10px; }

.video-card .save-btn{ margin:10px auto 0; display:flex; width:fit-content; }

.mag-card{ position:relative; }
.mag-card .save-btn, .mag-featured-card .save-btn{ margin-top:10px; }
.mag-featured-card .save-btn{ position:relative; z-index:2; }

/* ---------- جستجوی هوشمند کل سایت (Global Search) ---------- */
.site-search-wrap{ position:relative; max-width:560px; margin-top:28px; z-index:20; }
.site-search-box{
  display:flex; align-items:center; gap:10px;
  background:rgba(17,27,46,.85); backdrop-filter:blur(8px);
  border:1px solid var(--border-hair); border-radius:12px;
  padding:14px 18px; transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.site-search-box:focus-within{ border-color:var(--accent-cyan); box-shadow:0 0 0 3px rgba(76,214,232,.12); }
.site-search-icon{ font-size:17px; opacity:.7; flex-shrink:0; }
.site-search-box input{
  flex:1; background:none; border:none; outline:none; color:var(--text-primary);
  font-family:var(--font-display); font-size:15px;
}
.site-search-box input::placeholder{ color:var(--text-muted); }
.site-search-clear{
  background:none; border:none; color:var(--text-muted); cursor:pointer; font-size:14px;
  padding:2px 6px; flex-shrink:0;
}
.site-search-clear:hover{ color:#ff9d9d; }

.site-search-results{
  position:absolute; top:calc(100% + 8px); right:0; left:0;
  background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:12px;
  max-height:420px; overflow-y:auto; box-shadow:0 20px 50px rgba(0,0,0,.5);
}
.ssr-group{ padding:8px 0; }
.ssr-group + .ssr-group{ border-top:1px solid var(--border-hair); }
.ssr-group-label{
  font-size:11px; color:var(--accent-cyan); padding:8px 16px 4px; font-weight:700;
}
.ssr-item{
  display:flex; align-items:center; gap:12px; padding:10px 16px; cursor:pointer;
  transition:background .15s;
}
.ssr-item:hover, .ssr-item.active{ background:var(--bg-panel-2); }
.ssr-item-icon{
  width:36px; height:36px; border-radius:8px; flex-shrink:0; object-fit:cover;
  background:var(--bg-panel-3); display:flex; align-items:center; justify-content:center; font-size:16px;
}
.ssr-item-text{ min-width:0; }
.ssr-item-title{ font-size:13.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ssr-item-sub{ font-size:11.5px; color:var(--text-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ssr-empty, .ssr-loading{ padding:22px 16px; text-align:center; color:var(--text-muted); font-size:13px; }
.ssr-see-all{
  display:block; text-align:center; padding:10px; font-size:12.5px; color:var(--accent-cyan);
  border-top:1px solid var(--border-hair); cursor:pointer;
}
.ssr-see-all:hover{ background:var(--bg-panel-2); }
mark.ssr-hl{ background:rgba(76,214,232,.28); color:var(--accent-cyan); border-radius:2px; padding:0 1px; }

@media(max-width:600px){
  .site-search-wrap{ max-width:100%; margin-top:20px; }
  .site-search-box{ padding:12px 14px; }
}

/* ================= لاین‌های باز و بسته‌شونده (بخش‌های پرمحتوا) ================= */
.rn-collapsible{ position:relative; }
.rn-collapsible > *:first-child{
  overflow:hidden;
  transition:max-height .5s var(--ease);
}
.rn-collapsible-fade{
  position:absolute;
  right:0; left:0;
  bottom:54px;
  height:90px;
  background:linear-gradient(180deg, transparent, var(--bg-deep) 88%);
  pointer-events:none;
  opacity:0;
  transition:opacity .35s var(--ease);
}
.rn-collapsible.has-more.collapsed .rn-collapsible-fade{ opacity:1; }
.rn-collapsible-toggle{
  display:none;
}
.rn-collapsible.has-more .rn-collapsible-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:18px auto 0;
  padding:11px 30px;
  border-radius:999px;
  border:1px solid var(--accent-cyan-dim);
  background:rgba(76,214,232,.08);
  color:var(--accent-cyan);
  font-size:.85rem;
  font-weight:700;
  font-family:inherit;
  cursor:pointer;
  position:relative;
  z-index:2;
  transition:background .25s var(--ease), transform .2s var(--ease), border-color .25s var(--ease);
}
.rn-collapsible.has-more .rn-collapsible-toggle:hover{
  background:rgba(76,214,232,.18);
  border-color:var(--accent-cyan);
  transform:translateY(-1px);
}

/* ================= دروازه‌ی ثبت‌نام اجباری ================= */
html.rn-gate-locked body > *:not(.rn-gate-overlay){
  filter:blur(10px);
  pointer-events:none;
  user-select:none;
}
.rn-gate-overlay{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  padding:20px;
  background:radial-gradient(ellipse at 50% 20%, rgba(76,214,232,.12), transparent 60%), rgba(6,9,18,.92);
  backdrop-filter:blur(6px);
  animation:rnGateFadeIn .35s var(--ease);
}
@keyframes rnGateFadeIn{ from{ opacity:0; } to{ opacity:1; } }
.rn-gate-card{
  width:100%; max-width:440px;
  max-height:92vh; overflow-y:auto;
  background:linear-gradient(180deg, var(--bg-panel-2), var(--bg-panel));
  border:1px solid rgba(76,214,232,.35);
  border-radius:22px;
  padding:34px 30px 28px;
  text-align:center;
  box-shadow:0 0 0 1px rgba(76,214,232,.08), 0 30px 70px rgba(0,0,0,.55), 0 0 60px rgba(76,214,232,.15);
  position:relative;
}
.rn-gate-badge{
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(232,169,79,.15); color:var(--accent-amber);
  border:1px solid rgba(232,169,79,.4);
  padding:6px 16px; border-radius:999px; font-size:.75rem; font-weight:700;
  margin-bottom:18px;
}
.rn-gate-logo{
  width:76px; height:76px; object-fit:contain;
  filter:drop-shadow(0 4px 16px rgba(76,214,232,.45));
  margin-bottom:10px;
}
.rn-gate-title{ font-size:1.25rem; margin:6px 0 10px; color:var(--text-primary); }
.rn-gate-sub{ font-size:.85rem; color:var(--text-muted); line-height:1.8; margin-bottom:22px; }
.rn-gate-tabs{ display:flex; gap:8px; background:var(--bg-panel-3); border-radius:12px; padding:4px; margin-bottom:18px; }
.rn-gate-tab{
  flex:1; padding:10px; border:none; border-radius:9px; background:none; color:var(--text-muted);
  font-family:inherit; font-size:.9rem; font-weight:700; cursor:pointer; transition:.2s;
}
.rn-gate-tab.active{ background:var(--accent-cyan); color:#04141a; }
.rn-gate-form{ display:flex; flex-direction:column; gap:12px; text-align:start; }
.rn-gate-form input{
  width:100%; padding:13px 16px; border-radius:11px; border:1px solid var(--border-hair);
  background:var(--bg-deep); color:var(--text-primary); font-family:inherit; font-size:.9rem;
}
.rn-gate-form input:focus{ outline:none; border-color:var(--accent-cyan); }
.rn-gate-submit{
  margin-top:4px; padding:14px; border:none; border-radius:11px; cursor:pointer;
  background:linear-gradient(135deg, var(--accent-cyan), #6EE7F5); color:#04141a;
  font-family:inherit; font-weight:800; font-size:.95rem;
  box-shadow:0 8px 22px rgba(76,214,232,.35); transition:transform .2s var(--ease);
}
.rn-gate-submit:hover{ transform:translateY(-1px); }
.rn-gate-submit:disabled{ opacity:.6; cursor:default; transform:none; }
.rn-gate-msg{ padding:10px 14px; border-radius:9px; font-size:.82rem; margin-bottom:12px; text-align:start; }
.rn-gate-msg.error{ background:rgba(220,80,80,.12); color:#f0a0a0; border:1px solid rgba(220,80,80,.35); }
.rn-gate-msg.ok{ background:rgba(76,214,232,.12); color:var(--accent-cyan); border:1px solid rgba(76,214,232,.35); }
.rn-gate-demo-note{
  margin-top:18px; padding:12px 14px; border-radius:10px;
  background:rgba(232,169,79,.08); border:1px solid rgba(232,169,79,.25);
  color:var(--accent-amber); font-size:.74rem; line-height:1.8; text-align:start;
}

@media (max-width:480px){
  .rn-gate-card{ padding:26px 20px 22px; border-radius:18px; }
}

/* ================= باکس «حساب من» — کشویی بالا به پایین ================= */
.account-menu{ position:relative; flex-shrink:0; }
.account-menu-btn{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--bg-panel-2); color:var(--text-primary);
  border:1px solid var(--border-hair);
  font-weight:700; font-size:.9rem;
  padding:12px 20px; border-radius:999px;
  cursor:pointer; font-family:inherit;
  transition:border-color .25s var(--ease), background .25s var(--ease);
}
.account-menu-btn:hover{ border-color:var(--accent-cyan-dim); background:var(--bg-panel-3); }
.account-menu-caret{ transition:transform .3s var(--ease); font-size:.8rem; }
.account-menu.open .account-menu-caret{ transform:rotate(180deg); }
.account-menu.open .account-menu-btn{ border-color:var(--accent-cyan); color:var(--accent-cyan); }

.account-menu-panel{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  min-width:200px;
  background:var(--bg-panel-2);
  border:1px solid var(--border-hair);
  border-radius:14px;
  box-shadow:0 20px 44px rgba(0,0,0,.45);
  overflow:hidden;
  display:flex; flex-direction:column;
  max-height:0;
  opacity:0;
  transition:max-height .35s var(--ease), opacity .25s var(--ease);
  z-index:70;
}
.account-menu.open .account-menu-panel{ max-height:260px; opacity:1; }
.account-menu-panel a{
  padding:13px 18px;
  font-size:.86rem;
  color:var(--text-muted);
  border-bottom:1px solid var(--border-hair);
  transition:background .2s, color .2s;
}
.account-menu-panel a:last-child{ border-bottom:none; }
.account-menu-panel a:hover{ background:rgba(76,214,232,.08); color:var(--text-primary); }

@media (max-width:900px){
  .account-menu{ order:2; }
  .account-menu-panel{ left:auto; right:0; }
}

/* ================= تحلیل تصاویر رادیولوژی با هوش مصنوعی ================= */
.ai-analysis-box{ max-width:560px; margin:0 auto; }
.ai-analysis-soon{
  text-align:center; padding:50px 24px; border:1px dashed var(--border-hair); border-radius:18px;
  background:var(--bg-panel);
}
.ai-analysis-soon-icon{ font-size:2.4rem; display:block; margin-bottom:14px; }
.ai-analysis-soon h3{ margin:0 0 8px; color:var(--text-primary); }
.ai-analysis-soon p{ color:var(--text-muted); font-size:.88rem; line-height:1.8; margin:0; }

.ai-analysis-tool{ display:flex; flex-direction:column; align-items:center; gap:16px; }
.ai-drop-zone{
  width:100%; min-height:180px; border:2px dashed var(--accent-cyan-dim); border-radius:16px;
  background:var(--bg-panel); display:flex; align-items:center; justify-content:center;
  cursor:pointer; padding:20px; text-align:center; color:var(--text-muted); font-size:.9rem;
  transition:border-color .25s var(--ease), background .25s var(--ease);
}
.ai-drop-zone.dragover{ border-color:var(--accent-cyan); background:rgba(76,214,232,.06); }
.ai-drop-zone img{ max-width:100%; max-height:220px; border-radius:10px; object-fit:contain; }
.ai-result-box{
  width:100%; background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:14px;
  padding:18px 20px; text-align:start;
}
.ai-result-box h4{ margin:0 0 8px; color:var(--accent-cyan); font-size:.9rem; }
.ai-result-box p{ margin:0; font-size:.88rem; line-height:1.9; color:var(--text-primary); }
.ai-usage-banner{ width:100%; text-align:center; font-size:.82rem; padding:9px 14px; border-radius:10px; }
.ai-usage-free{ background:rgba(107,214,140,.12); color:#6bd68c; border:1px solid rgba(107,214,140,.3); }
.ai-usage-credit{ background:rgba(76,214,232,.1); color:var(--accent-cyan); border:1px solid rgba(76,214,232,.3); }
.ai-usage-paid{ background:rgba(255,193,86,.1); color:#ffc156; border:1px solid rgba(255,193,86,.3); }
.ai-paywall{ text-align:center; display:flex; flex-direction:column; align-items:center; gap:10px; }
.ai-paywall p{ margin:0; font-size:.88rem; color:var(--text-primary); line-height:1.8; }

/* ================= لایت‌باکس عمومی (بزرگ‌نمایی عکس/کلیپ پوزیشن‌ها) ================= */
.pos-media{ position:relative; cursor:zoom-in; }
.pos-zoom-hint{
  position:absolute; bottom:8px; left:8px;
  width:28px; height:28px; border-radius:50%;
  background:rgba(6,9,18,.65); backdrop-filter:blur(4px);
  display:flex; align-items:center; justify-content:center;
  font-size:.8rem; opacity:0; transition:opacity .2s var(--ease);
  pointer-events:none;
}
.pos-media:hover .pos-zoom-hint{ opacity:1; }

.rn-lightbox-overlay{
  position:fixed; inset:0; z-index:10000;
  background:rgba(4,6,12,.92); backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:center;
  padding:40px 20px;
  animation:rnGateFadeIn .25s var(--ease);
}
.rn-lightbox-stage{ max-width:min(92vw, 900px); max-height:88vh; text-align:center; }
.rn-lightbox-stage img, .rn-lightbox-stage video{
  max-width:100%; max-height:78vh; border-radius:14px;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
}
.rn-lightbox-caption{ margin-top:14px; color:var(--text-primary); font-size:.92rem; }
.rn-lightbox-close{
  position:fixed; top:20px; left:24px; z-index:10001;
  width:42px; height:42px; border-radius:50%; border:1px solid var(--border-hair);
  background:var(--bg-panel-2); color:var(--text-primary); font-size:1.1rem; cursor:pointer;
  transition:background .2s var(--ease);
}
.rn-lightbox-close:hover{ background:var(--bg-panel-3); color:var(--accent-cyan); }

/* ================= دریافت مدرک حضور ================= */
.cert-lookup-box{ max-width:640px; margin:0 auto; }
.cert-results{ margin-top:22px; display:flex; flex-direction:column; gap:12px; }
.cert-item{
  display:flex; align-items:center; gap:14px;
  background:var(--bg-panel); border:1px solid var(--border-hair); border-radius:14px;
  padding:16px 18px;
}
.cert-item-icon{ font-size:1.6rem; flex-shrink:0; }
.cert-item-body{ flex:1; min-width:0; }
.cert-item-body h4{ margin:0 0 4px; font-size:.95rem; color:var(--text-primary); }
.cert-item-meta{ font-size:.78rem; color:var(--text-muted); }
.cert-item-wrap{ display:flex; flex-direction:column; gap:0; }
.cert-delivery{
  background:var(--bg-panel-2); border:1px solid var(--border-hair); border-top:none;
  border-radius:0 0 14px 14px; padding:12px 18px 16px; margin-top:-8px;
}
.cert-delivery-toggles{ display:flex; flex-wrap:wrap; gap:10px; }
.facility-picker{ display:flex; flex-wrap:wrap; gap:8px; margin:4px 0 10px; }
.facility-picker label{
  display:inline-flex; align-items:center; gap:6px; cursor:pointer;
  background:var(--bg-panel-2); border:1px solid var(--border-hair); border-radius:999px;
  padding:6px 14px; font-size:.8rem; color:var(--text-muted); transition:.2s var(--ease);
}
.facility-picker input{ accent-color:var(--accent-cyan); }
.facility-picker label:has(input:checked){ border-color:var(--accent-cyan); color:var(--accent-cyan); background:rgba(76,214,232,.08); }