/* نگاه نو — لایه‌ی طراحی پیشرفته‌ی صفحه‌ی اول (فقط روی index.php) */
:root{--hp-a:#3b82f6;--hp-b:#22d3ee;--hp-c:#6366f1}

/* ---- پس‌زمینه‌ی شفقی پشت هیرو ---- */
.hero{isolation:isolate;overflow:clip}
.hero::before,.hero::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;will-change:transform}
.hero::before{width:560px;height:560px;top:-180px;inset-inline-start:-120px;background:radial-gradient(circle,var(--hp-a),transparent 68%);animation:hpDrift 18s ease-in-out infinite alternate}
.hero::after{width:520px;height:520px;bottom:-200px;inset-inline-end:-100px;background:radial-gradient(circle,var(--hp-b),transparent 66%);opacity:.32;animation:hpDrift 22s ease-in-out infinite alternate-reverse}
.hero .hp-blob{position:absolute;z-index:-1;width:420px;height:420px;top:30%;left:42%;border-radius:50%;filter:blur(100px);opacity:.28;background:radial-gradient(circle,var(--hp-c),transparent 66%);animation:hpDrift 26s ease-in-out infinite alternate}
@keyframes hpDrift{to{transform:translate3d(60px,40px,0) scale(1.12)}}
html.theme-light .hero::before,html.theme-light .hero::after,html.theme-light .hero .hp-blob{opacity:.22}

/* ---- تیتر درخشان ---- */
.hero h1{background:linear-gradient(100deg,var(--ink) 0%,var(--ink) 38%,#7dd3fc 56%,#60a5fa 70%,var(--ink) 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:hpShine 7s ease-in-out infinite alternate}
@keyframes hpShine{from{background-position:100% 0}to{background-position:0 0}}
html.theme-light .hero h1{background-image:linear-gradient(100deg,#0b1730 0%,#0b1730 40%,#2563eb 62%,#0891b2 76%,#0b1730 100%)}
.kicker{box-shadow:0 0 0 1px rgba(96,165,250,.25),0 8px 30px -8px rgba(59,130,246,.55)}

/* ---- دکمه‌ها ---- */
.hero-cta .btn:not(.btn-outline){position:relative;overflow:hidden;box-shadow:0 14px 34px -10px rgba(37,99,235,.75)}
.hero-cta .btn:not(.btn-outline)::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(120%);animation:hpSweep 4.5s ease-in-out infinite}
@keyframes hpSweep{0%,55%{transform:translateX(120%)}100%{transform:translateX(-120%)}}

/* ---- آمار شیشه‌ای ---- */
.hero-stats{gap:12px;flex-wrap:wrap}
.hero-stats>div,.hero-stats>div:last-child{padding:14px 20px;margin:0;border:1px solid rgba(var(--fx),.1);border-radius:18px;background:rgba(var(--fx),.04);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:104px;transition:transform .25s,border-color .25s}
.hero-stats>div:hover{transform:translateY(-4px);border-color:rgba(96,165,250,.5)}
.hero-stats b{background:linear-gradient(135deg,var(--ink),#93c5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html.theme-light .hero-stats b{background-image:linear-gradient(135deg,#0b1730,#2563eb)}

/* ---- ماکت داشبورد: تیلت سه‌بعدی + درخشش ---- */
.hero-visual{perspective:1400px}
.hero-visual .mock{transition:transform .25s ease-out,box-shadow .3s;transform-style:preserve-3d;box-shadow:0 40px 90px -30px rgba(37,99,235,.55),0 0 0 1px rgba(96,165,250,.18)}
.hero-visual .mock::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx,70%) var(--my,10%),rgba(125,211,252,.16),transparent 55%)}
.hero-visual::before{content:"";position:absolute;inset:8% 6%;border-radius:40px;background:conic-gradient(from 0deg,rgba(59,130,246,.0),rgba(34,211,238,.35),rgba(99,102,241,.0),rgba(59,130,246,.35),rgba(59,130,246,0));filter:blur(46px);opacity:.55;animation:hpSpin 14s linear infinite;z-index:-1}
@keyframes hpSpin{to{transform:rotate(360deg)}}
.float-chip{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

/* ---- نوار متحرک ---- */
.hp-marquee{position:relative;overflow:hidden;padding:16px 0;margin-top:-20px;border-block:1px solid rgba(var(--fx),.07);background:linear-gradient(90deg,rgba(59,130,246,.06),rgba(34,211,238,.05),rgba(99,102,241,.06));-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hp-track{display:flex;gap:44px;width:max-content;animation:hpMarq 38s linear infinite}
.hp-marquee:hover .hp-track{animation-play-state:paused}
.hp-track span{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:800;color:var(--ink2);white-space:nowrap}
.hp-track span::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--hp-a),var(--hp-b));box-shadow:0 0 12px var(--hp-b)}
@keyframes hpMarq{to{transform:translateX(50%)}}

/* ---- تیتر بخش‌ها ---- */
.section-head h2{position:relative}
.section-head.center h2::after,.section-head h2::after{content:"";display:block;width:56px;height:4px;border-radius:99px;margin:14px auto 0;background:linear-gradient(90deg,var(--hp-a),var(--hp-b));box-shadow:0 0 18px rgba(34,211,238,.5)}
.section-head.left h2::after{margin-inline:0 auto}
.eyebrow{background:linear-gradient(120deg,rgba(59,130,246,.18),rgba(34,211,238,.12))!important;border:1px solid rgba(96,165,250,.3)}

/* ---- کارت‌ها: نور دنبال‌کننده‌ی ماوس + حاشیه‌ی گرادیانی ---- */
.tile,.road li,.feat,.person,.why-card,.trust-item,.lab{position:relative;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.tile::before,.road li::before,.feat::before,.person::before,.why-card::before,.trust-item::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(96,165,250,.20),transparent 60%)}
.tile:hover::before,.road li:hover::before,.feat:hover::before,.person:hover::before,.why-card:hover::before,.trust-item:hover::before{opacity:1}
.tile:hover,.road li:hover,.person:hover,.trust-item:hover{transform:translateY(-6px);border-color:rgba(96,165,250,.45);box-shadow:0 24px 50px -24px rgba(37,99,235,.55)}
.road .n{box-shadow:0 0 0 5px rgba(59,130,246,.18),0 8px 22px -6px rgba(37,99,235,.7)}
.road li:hover .n{animation:hpPulse 1.2s ease-in-out infinite}
@keyframes hpPulse{50%{box-shadow:0 0 0 10px rgba(59,130,246,.0),0 8px 22px -6px rgba(37,99,235,.7)}}

/* ---- CTA ---- */
.cta-band{position:relative;overflow:hidden;background-size:200% 200%;animation:hpGrad 12s ease infinite}
.cta-band::before{content:"";position:absolute;inset:-40% -10% auto auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.35),transparent 65%);filter:blur(30px);pointer-events:none}
@keyframes hpGrad{50%{background-position:100% 50%}}

/* ---- ورود نرم بخش‌ها ---- */
.hp-sec{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.hp-sec.hp-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .hero::before,.hero::after,.hero .hp-blob,.hero h1,.hp-track,.hero-visual::before,.cta-band,.hero-cta .btn::after{animation:none!important}
  .hp-sec{opacity:1;transform:none;transition:none}
}
@media(max-width:700px){.hero-stats>div{min-width:0;flex:1;padding:12px}.hp-track span{font-size:13px}}

/* =====================  دکمه‌های شناور: یک داک واحد، بدون روی‌هم‌افتادن  ===================== */
.hx-fab{left:20px;bottom:20px;z-index:150}
.hx-fab-main{width:54px;height:54px;border-radius:50%;font-size:22px;display:grid;place-items:center;line-height:1;box-shadow:0 14px 34px -10px rgba(37,99,235,.85),0 0 0 4px rgba(59,130,246,.18)}
.hx-fab-main:hover{transform:scale(1.07)}
.to-top{left:20px!important;bottom:86px!important;width:54px!important;height:54px!important;border-radius:50%!important;z-index:149;
  background:rgba(var(--sf),.85)!important;border:1px solid rgba(var(--fx),.16)!important;color:var(--ink)!important;box-shadow:0 12px 28px -12px rgba(var(--sh),.6)}
.to-top:hover{background:linear-gradient(135deg,#3b82f6,#22d3ee)!important;color:#fff!important;border-color:transparent!important}
.to-top svg{width:20px;height:20px}
/* وقتی منوی میانبر باز است، دکمه‌ی بالا مخفی شود تا روی منو نیفتد */
body:has(.hx-fab.open) .to-top{opacity:0!important;pointer-events:none!important;transform:translateY(10px)!important}
/* نوار پیشرفت اسکرول کنار دکمه‌ها تداخل نکند */
.hx-fab-menu{margin-bottom:2px}
@media(max-width:820px){
  .hx-fab{left:14px;bottom:14px}
  .to-top{left:14px!important;bottom:78px!important;width:48px!important;height:48px!important}
  .hx-fab-main{width:50px;height:50px}
  /* نوار ثبت‌نام چسبان موبایل: دکمه‌ها بالای آن بنشینند */
  body:has(.pl-sticky-cta.show) .hx-fab{bottom:78px}
  body:has(.pl-sticky-cta.show) .to-top{bottom:142px!important}
}

/* =====================  مدیران موسسه  ===================== */
#managers .people{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px}
#managers .person{position:relative;overflow:hidden;gap:22px;padding:26px;border-radius:30px;align-items:center;
  background:linear-gradient(150deg,rgba(var(--sf),.95),rgba(59,130,246,.08));border:1px solid rgba(96,165,250,.22)}
#managers .person::after{content:"";position:absolute;inset-block:22px;inset-inline-start:0;width:4px;border-radius:0 99px 99px 0;background:linear-gradient(180deg,#3b82f6,#22d3ee)}
#managers .person-photo{width:124px;height:124px;border-radius:50%;padding:4px;background:conic-gradient(from 160deg,#3b82f6,#22d3ee,#6366f1,#3b82f6);box-shadow:0 18px 40px -16px rgba(37,99,235,.8);overflow:visible}
#managers .person-photo img,#managers .person-photo .person-ph{border-radius:50%;border:4px solid rgb(var(--sf));width:100%;height:100%;object-fit:cover}
#managers .person-photo::after{content:"✓";position:absolute;inset-inline-end:2px;bottom:4px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#fff;font-size:14px;font-weight:900;border:3px solid rgb(var(--sf))}
#managers .person-info h3{font-size:20px;margin-bottom:6px}
#managers .role{display:inline-block;padding:4px 14px;border-radius:999px;background:rgba(59,130,246,.16);border:1px solid rgba(96,165,250,.3);color:var(--brand-ink);font-size:12.5px;font-weight:800;margin-bottom:10px}
#managers .person-info p{position:relative;color:var(--muted);font-size:13.5px;line-height:2;margin:0 0 12px;padding-inline-start:16px;border-inline-start:2px solid rgba(96,165,250,.35)}

/* =====================  مشاوران  ===================== */
#counselors .counselors{gap:20px}
.counselor-card{position:relative;border-radius:28px;border:1px solid rgba(var(--fx),.1);display:flex;flex-direction:column;
  background:linear-gradient(170deg,rgba(var(--sf),.98),rgba(var(--sf),.82))}
.counselor-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .35s;z-index:3;
  background:linear-gradient(140deg,#3b82f6,#22d3ee,#6366f1);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.counselor-card:hover::before{opacity:1}
.counselor-card .photo{height:250px;margin:10px 10px 0;border-radius:22px}
.counselor-card .photo img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.counselor-card:hover .photo img{transform:scale(1.07)}
.counselor-card .photo::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(180deg,transparent,rgba(5,10,22,.72));pointer-events:none}
.counselor-card .photo::before{content:"✓ مشاور تأییدشده";position:absolute;z-index:2;top:12px;inset-inline-start:12px;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:800;color:#fff;background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22)}
.counselor-card .body{padding:16px 20px 22px;text-align:center;flex:1;display:flex;flex-direction:column;align-items:center}
.counselor-card h3{font-size:17px;margin-bottom:6px}
.counselor-card .body>p:first-of-type{display:inline-block;padding:3px 13px;border-radius:999px;background:rgba(59,130,246,.15);color:var(--brand-ink);font-size:12px;font-weight:800}
.counselor-card .pl-bio{color:var(--muted)!important;font-weight:500!important;font-size:12.5px!important;line-height:1.95;margin-top:10px;padding:0;background:none!important;border-radius:0}
.counselor-card .btn{margin-top:auto;align-self:stretch}
.counselor-card .pl-bio+.btn,.counselor-card .btn{margin-top:14px}
.counselor-card .btn:hover{background:linear-gradient(135deg,#3b82f6,#22d3ee);border-color:transparent;color:#fff}
@media(max-width:520px){#managers .people{grid-template-columns:1fr}#managers .person{flex-direction:column;text-align:center}#managers .person-info p{border:0;padding:0}.counselor-card .photo{height:280px}}
.hx-fab{width:54px;height:54px;align-items:center}
.hx-fab-menu{position:absolute;bottom:66px;left:0;width:max-content;align-items:stretch}
.hx-fab-menu a{white-space:nowrap}
@media(max-width:820px){.hx-fab{width:50px;height:50px}.hx-fab-menu{bottom:62px}}
.counselor-card .photo:not(:has(img))::after{display:none}