/* assets/css/style.css */
:root{
  --ark-bg1:#eef3fb; --ark-bg2:#e3ecf7;
  --ark-blue:#2563eb; --ark-cyan:#00d4ff; --ark-amber:#ff9f43;
  --ark-text:#0f172a; --ark-mut:#55637a;
  --ark-glass:rgba(255,255,255,.55);
  --ark-line:rgba(255,255,255,.6);
}

/* پس‌زمینهٔ صنعتی با موج مدار چاپی */
.ark-grid,.ark-hero{
  position:relative;
  background:
    radial-gradient(1200px 600px at 15% -10%, rgba(37,99,235,.10), transparent 60%),
    radial-gradient(1000px 500px at 90% 0%, rgba(0,212,255,.12), transparent 60%),
    linear-gradient(160deg, var(--ark-bg1), var(--ark-bg2));
  background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 60h25M35 60h20M65 60h20M95 60h25M60 0v25M60 35v20M60 65v20M60 95v25' stroke='%232563eb' stroke-width='1' fill='none' opacity='.12'/%3E%3Ccircle cx='60' cy='60' r='3' fill='%2300d4ff' opacity='.35'/%3E%3C/svg%3E");
  padding:2rem; border-radius:22px; overflow:hidden;
}

/* ===== گرید اعضا ===== */
.ark-grid-inner{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.4rem}
.ark-card{
  position:relative;border-radius:20px;overflow:hidden;text-align:center;
  background:var(--ark-glass);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:1px solid var(--ark-line);
  box-shadow:0 8px 30px rgba(15,23,42,.08);
  transition:transform .35s ease, box-shadow .35s ease;
}
.ark-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(37,99,235,.20)}
.ark-card-photo-wrap{position:relative;padding:1.4rem 1.4rem .4rem}
.ark-card-photo{
  width:130px;height:130px;object-fit:contain;  /* ترنسپرنت */
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(226,235,252,.7));
  border:2px solid rgba(255,255,255,.8);
  box-shadow:0 0 0 6px rgba(255,255,255,.35),0 10px 25px rgba(37,99,235,.25);
}
.ark-card-glow{position:absolute;inset:auto 10% -20% 10%;height:60px;background:radial-gradient(ellipse,rgba(0,212,255,.5),transparent 70%)}
.ark-card-body{padding:.6rem 1.2rem 1.3rem}
.ark-card-name{font-size:1.15rem;color:var(--ark-text);margin:0}
.ark-card-position{color:var(--ark-blue);font-weight:600;font-size:.85rem;margin:.25rem 0 .8rem}
.ark-card-link{display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;font-weight:700;color:var(--ark-text);padding:.5rem 1.1rem;border-radius:999px;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(0,212,255,.12));border:1px solid rgba(37,99,235,.25)}
.ark-card-link:hover{background:linear-gradient(135deg,var(--ark-blue),var(--ark-cyan));color:#fff}

/* ===== پروفایل single ===== */
.ark-hero{display:flex;justify-content:center}
.ark-hero-bg{position:absolute;inset:0;background:radial-gradient(600px 300px at 50% 0%,rgba(37,99,235,.18),transparent 65%)}
.ark-hero-glass{
  position:relative;z-index:1;display:flex;gap:2.2rem;align-items:center;
  max-width:880px;width:100%;padding:2.4rem;border-radius:26px;
  background:var(--ark-glass);backdrop-filter:blur(22px);
  border:1px solid var(--ark-line);
  box-shadow:0 25px 60px rgba(15,23,42,.15),inset 0 1px 0 rgba(255,255,255,.8);
}
@media(max-width:720px){.ark-hero-glass{flex-direction:column;text-align:center}}
.ark-photo-frame{padding:1rem;border-radius:50%;background:linear-gradient(140deg,rgba(37,99,235,.25),rgba(0,212,255,.25),rgba(255,159,67,.2));box-shadow:0 0 40px rgba(0,212,255,.4)}
.ark-photo{width:210px;height:210px;object-fit:contain;border-radius:50%;background:#fff}.ark-name{margin:0;font-size:2rem;color:var(--ark-text)}
.ark-position{color:var(--ark-blue);font-weight:700;font-size:1.05rem;margin:.3rem 0 1rem}
.ark-bio{color:var(--ark-mut);line-height:1.9}
.ark-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.ark-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem 1rem;border-radius:999px;background:rgba(15,23,42,.06);border:1px solid rgba(15,23,42,.1);text-decoration:none;color:var(--ark-text);font-size:.85rem}
.ark-socials{display:flex;gap:.7rem;margin-top:1.4rem}
.ark-soc{
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(140deg,rgba(37,99,235,.14),rgba(0,212,255,.14));
  border:1px solid rgba(37,99,235,.25);color:var(--ark-text);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:transform .3s,background .3s,color .3s;
}
.ark-soc svg{width:22px;height:22px;fill:currentColor}
.ark-soc .dashicons{font-size:22px;width:22px;height:22px}
.ark-soc:hover{transform:translateY(-4px) scale(1.08);background:linear-gradient(140deg,var(--ark-blue),var(--ark-cyan));color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.4)}