:root{
  --olive:#61694b;
  --olive-dark:#2c3428;
  --cream:#fffaf3;
  --cream2:#f8efe4;
  --line:#e7dcc9;
  --text:#222821;
  --muted:#5b6257;
  --shadow:0 16px 34px rgba(70,62,48,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  direction:rtl;
  font-family:Tahoma,Arial,sans-serif;
  background:linear-gradient(180deg,#fffdf9 0%,#f8efe4 100%);
  color:var(--text);
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.page{width:100%;overflow:hidden}
.cover-wrap{
  width:100%;
  background:#fffaf3;
  display:flex;
  justify-content:center;
  align-items:flex-start;
}
.cover-board{
  position:relative;
  width:min(100%,1664px);
  aspect-ratio:1448/1086;
  margin:0 auto;
  background:#fffaf3;
}
.cover-board img{
  width:100%;
  height:auto;
  display:block;
  user-select:none;
}
.hotspot{
  position:absolute;
  display:block;
  z-index:5;
  border-radius:18px;
  cursor:pointer;
}

#about,#services,#courses,#contact,#home{scroll-margin-top:110px;}
.hotspot:focus{
  outline:2px solid rgba(97,105,75,.45);
  outline-offset:4px;
}
/* لینک‌های نامرئی دقیق روی منوی داخل عکس */
.hs-home{left:55.0%;top:3.0%;width:6.8%;height:8.0%;}
.hs-about{left:46.8%;top:3.0%;width:8.6%;height:8.0%;}
.hs-services{left:38.1%;top:3.0%;width:7.8%;height:8.0%;}
.hs-courses{left:29.3%;top:3.0%;width:7.6%;height:8.0%;}
.hs-contact{left:18.0%;top:3.0%;width:11.5%;height:8.0%;}
.hs-cta{left:51.2%;top:78.0%;width:27.0%;height:8.2%;}
.real-mobile-cta{
  display:none;
  width:min(92%,360px);
  margin:18px auto 0;
  min-height:58px;
  border-radius:16px;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#fff;
  background:linear-gradient(145deg,#818769,#60684c 58%,#50593d);
  box-shadow:0 14px 28px rgba(79,86,62,.22);
  font-size:18px;
  font-weight:900;
}
.section{
  padding:68px 50px;
  background:#fffaf3;
}
.section.alt{background:#f8efe4}
.section-head{
  text-align:center;
  max-width:850px;
  margin:0 auto 28px;
}
.section-head h2{
  margin:0 0 10px;
  color:var(--olive);
  font-size:33px;
  font-weight:900;
}
.section-head p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:2;
  font-weight:600;
}
.about-grid{
  width:min(1120px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.box,.course,.card,.contact-box{
  background:rgba(255,253,248,.92);
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--shadow);
}
.box{padding:30px 28px}
.box h3{
  margin:0 0 14px;
  color:#31392d;
  font-size:24px;
  font-weight:900;
}
.box p{
  margin:0;
  color:#535b50;
  font-size:15px;
  line-height:2.12;
  font-weight:600;
}
.certs{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.certs figure{margin:0;text-align:center}
.certs img{
  width:100%;
  height:76px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fff;
  padding:4px;
}
.certs figcaption{
  margin-top:6px;
  color:#384032;
  font-size:11px;
  line-height:1.5;
  font-weight:800;
}
.cards{
  width:min(1120px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.card{padding:26px 20px;text-align:center}
.card .icon{
  width:78px;height:78px;
  margin:0 auto 16px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#fff,#f1e8d9);
  border:1px solid var(--line);
  color:var(--olive);
}
.card .icon img{width:46px;height:46px}
.card h3{
  margin:0 0 10px;
  font-size:21px;
  color:#30382c;
  font-weight:900;
}
.card p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:2;
  font-weight:600;
}
.courses{
  width:min(1000px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.course{
  padding:26px;
  display:grid;
  grid-template-columns:94px 1fr;
  gap:18px;
  align-items:center;
}
.course .icon{
  width:90px;height:90px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#fff,#f1e8d9);
  border:1px solid var(--line);
}
.course .icon img{width:56px;height:56px}
.course h3{
  margin:0 0 10px;
  color:#2f372b;
  font-size:23px;
  font-weight:900;
}
.course p{
  margin:0 0 14px;
  color:var(--muted);
  font-size:14px;
  line-height:2;
  font-weight:600;
}
.more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:39px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.6);
  font-size:13px;
  font-weight:900;
  color:#42493c;
}
.contact-box{
  width:min(920px,100%);
  margin:0 auto;
  padding:30px;
  text-align:center;
}
.cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:320px;
  min-height:58px;
  padding:0 24px;
  border-radius:16px;
  background:linear-gradient(145deg,#818769,#60684c 58%,#50593d);
  color:#fff;
  box-shadow:0 14px 28px rgba(79,86,62,.22);
  font-size:18px;
  font-weight:900;
}
.cta img{width:26px;height:26px;filter:brightness(0) invert(1)}
.socials{
  display:flex;
  direction:ltr;
  justify-content:center;
  flex-wrap:wrap;
  gap:16px;
  margin-top:18px;
}
.socials a{
  display:inline-flex;
  direction:ltr;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  min-height:46px;
  border-radius:16px;
  border:1px solid var(--line);
  background:#fff;
  font-size:13px;
  font-weight:800;
  color:#4a5148;
}
.socials img{width:32px;height:32px;object-fit:contain;border-radius:8px;display:block;background:transparent;box-shadow:none;flex:0 0 auto}
.footer{
  padding:26px 50px;
  background:#eee5d8;
  text-align:center;
  color:#60685d;
  font-size:14px;
  font-weight:700;
  line-height:2;
}
@media (max-width:900px){
  .cover-board{
    width:100%;
    aspect-ratio:1448/1086;
  }
  .real-mobile-cta{
    display:flex;
  }
  .section,.footer{
    padding-left:16px;
    padding-right:16px;
  }
  .section-head h2{font-size:28px}
  .about-grid,.cards,.courses{
    grid-template-columns:1fr;
  }
  .course{
    grid-template-columns:1fr;
    text-align:center;
  }
  .course .icon{margin:0 auto}
  .certs{gap:8px}
  .certs img{height:62px}
  .certs figcaption{font-size:10px}
  .socials{flex-direction:column}
  .socials a{
    width:100%;
    max-width:360px;
    margin:0 auto;
    justify-content:flex-start;
  }
}

.real-mobile-cta{display:none !important;}
@media (max-width:900px){.real-mobile-cta{display:none !important;}}


/* desktop/mobile cover switch */
.cover-desktop{display:block}
.cover-mobile{display:none}
.mobile-cta-hotspot{display:none}
.mobile-cover-board{position:relative;width:min(100%,540px);margin:0 auto;background:#fffaf3;aspect-ratio:941/1672;}
.mobile-cover-board img{width:100%;height:auto;display:block}
.mobile-cover-board .mobile-cta-hotspot{position:absolute;display:block;left:24%;top:90.2%;width:54%;height:6.4%;border-radius:22px;z-index:6;}
@media (max-width: 900px){
  .cover-desktop{display:none !important}
  .cover-mobile{display:block}
  .cover-wrap{padding:0;background:#fffaf3}
  .mobile-cta-hotspot{display:block}
}