@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');

:root {
  --navy: #031329;
  --panel: #071a36;
  --gold: #d9ad55;
  --gold-light: #f0ce7b;
  --ink: #f0f2f8;
  --muted: #b8c2d2;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--navy);
  font-family: 'Vazirmatn', Tahoma, sans-serif;
  overflow-x: hidden;
}
.site-header { height: 74px; background: #031127; border-bottom: 1px solid #33415b; position: relative; z-index: 3; }
.site-nav { height: 74px; padding: 0 4.25%; direction: ltr; }
.brand { display: inline-flex; align-items: center; flex: 0 0 190px; }
.brand img { display: block; width: 182px; height: 51px; object-fit: contain; }
.navbar-collapse { direction: ltr; }
.navbar-nav { direction: ltr; gap: 13px; }
.navbar-nav .nav-link { direction: rtl; color: #edf0f7; font-size: 14px; padding: 24px 8px 19px !important; white-space: nowrap; }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color: var(--gold-light); }
.navbar-nav .nav-link.active { border-bottom: 2px solid var(--gold); }
.nav-actions { display: flex; gap: 18px; align-items: center; direction: rtl; white-space: nowrap; font-size: 13px; }
.search-mark { font-size: 25px; line-height: 1; color: white; }
.login-link { color: #f0f2f8; text-decoration: none; border: 1px solid #a89162; border-radius: 22px; padding: 8px 13px; }
.language-link { text-decoration: none; color: #eff1f6; }
.nav-toggle { border-color: #8e7b54; padding: 5px 8px; }
.nav-toggle .navbar-toggler-icon { filter: invert(1); }

.hero { height: 337px; position: relative; overflow: hidden; background: #020e21; border-bottom: 1px solid #273754; }
.hero-art { position: absolute; right: 0; top: 0; width: 49%; height: 100%; object-fit: cover; object-position: center 52%; }
.hero-shade { position:absolute; inset:0; background: linear-gradient(90deg,#020e21 0%,#020e21 31%,rgba(2,14,33,.88) 43%,rgba(2,14,33,.18) 65%,rgba(2,14,33,0) 100%); }
.hero-content { position: absolute; z-index: 1; top: 0; left: 4.2%; right: auto; width: min(690px, 46%); max-width: none; margin: 0; padding: 37px 0 0; direction: rtl; text-align: left; }
.eyebrow { direction:ltr; text-align:left; width: 315px; color: #dbc180; letter-spacing: 3px; font-family: Arial,sans-serif; font-size: 15px; margin: 0 0 10px; }
.eyebrow span { display:inline-block; width: 60px; height: 1px; vertical-align:middle; background:var(--gold); margin-left:10px; }
.hero h1 { font-size: clamp(26px,3.15vw,41px); font-weight:800; line-height:1.4; margin:0 0 4px; max-width: 735px; }
.hero h1 span { color:var(--gold); direction:ltr; unicode-bidi:embed; }
.hero-english { font-family:Arial,sans-serif; text-align:left; font-size:22px; margin:0 0 10px; color:#e3e6ed; }
.hero-copy { font-size:18px; margin:0; }
.tiny-gem { display:block; font-size:16px; line-height:16px; color:#20dfea; width:20px; transform:scaleX(1.2); }
.outline-button { display:inline-flex; gap:13px; align-items:center; color:var(--gold-light); text-decoration:none; border:1px solid #b99a5d; border-radius:25px; padding:8px 19px; min-width:168px; justify-content:center; margin-top:10px; font-size:14px; }
.outline-button b,.register-button b { font-family:Arial,sans-serif; font-size:24px; line-height:18px; font-weight:400; }

.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding-top:17px; }
.feature-card { height:187px; text-align:center; background:linear-gradient(145deg,#071a36,#06152e); border:1px solid #2a3b59; border-radius:14px; padding:15px 12px 10px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.025); }
.feature-icon { display:block; height:58px; line-height:56px; color:var(--gold); font-size:42px; text-shadow:0 0 12px #bd873b; }
.feature-card h2 { font-weight:700; font-size:19px; margin:6px 0 8px; }
.feature-card p { color:#d1d5df; font-size:12px; line-height:1.9; margin:0; }

.detail-grid { display:grid; grid-template-columns:1.03fr 1fr; gap:19px; margin-top:21px; }
.audience-panel,.accreditation-panel { min-height:197px; border:1px solid #788093; border-radius:14px; background:linear-gradient(145deg,#071a36,#05152e); }
.audience-panel { padding:14px 19px 10px; }
.audience-heading { display:flex; gap:12px; align-items:center; }
.target-icon { color:var(--gold); font: bold 43px Arial,sans-serif; line-height:1; }
.audience-heading h2,.accreditation-copy h2 { font-size:21px; font-weight:700; margin:0 0 3px; }
.audience-heading p { margin:0; font-size:14px; color:#d2d8e3; }
.audience-list { display:grid; grid-template-columns:repeat(3,1fr); margin-top:9px; text-align:center; }
.audience-list > div { padding:0 8px; }
.audience-list > div+div { border-right:1px solid rgba(177,190,211,.12); }
.audience-list span { display:block; color:var(--gold); font-size:30px; line-height:34px; }
.audience-list h3 { font-size:14px; margin:3px 0; font-weight:600; }
.audience-list p { color:#c8d0df; font-size:12px; margin:0; }
.accreditation-panel { border-color:#ba9b61; display:flex; align-items:center; padding:12px 22px; gap:18px; }
.accreditation-panel > img { width:165px; height:147px; object-fit:contain; }
.accreditation-copy { flex:1; text-align:right; }
.accreditation-copy h2 { font-size:22px; }
.accreditation-copy p { color:#d4d9e3; font-size:14px; line-height:1.8; margin:4px 0 10px; }
.accreditation-logos { list-style:none; padding:0; margin:0; display:flex; gap:24px; align-items:center; direction:ltr; color:#d6c08d; font:700 12px Arial,sans-serif; }
.accreditation-logos li { position:relative; min-width:66px; }
.accreditation-logos small { display:block; font-size:8px; font-weight:400; }
.mini-mark { font-size:21px; vertical-align:middle; margin-right:3px; }
.accreditation-logos .iso { font-size:21px; }

.metrics-band { margin-top:14px; min-height:148px; background:radial-gradient(ellipse at 50% 110%,#10284a 0%,#061832 59%,#031329 100%); border-top:1px solid rgba(209,173,91,.2); position:relative; }
.metrics-band:before,.metrics-band:after { content:""; position:absolute; left:-5%; right:-5%; height:1px; background:linear-gradient(90deg,transparent,#a9823f,transparent); transform:rotate(-4deg); top:30px; opacity:.55; }
.metrics-band:after { top:78px; transform:rotate(4deg); }
.metrics-row { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr) 1.12fr; align-items:center; min-height:130px; gap:14px; }
.metric { display:flex; align-items:center; gap:14px; min-height:68px; padding:0 11px; }
.metric+.metric { border-right:1px solid rgba(193,202,218,.25); }
.metric-ring { flex:0 0 72px; width:72px; height:72px; border:5px solid var(--gold); border-left-color:#684f2d; border-radius:50%; display:grid; place-items:center; font:bold 18px Arial,sans-serif; color:#f5d991; }
.metric h2 { font-size:16px; font-weight:600; margin:0 0 4px; white-space:nowrap; }
.metric p { font-size:12px; color:#bfc8d7; margin:0; white-space:nowrap; }
.register-button { justify-self:end; display:flex; align-items:center; justify-content:center; gap:14px; border-radius:40px; color:#141c2b; background:linear-gradient(110deg,#f0ce7d,#d4a542); text-decoration:none; font-size:17px; font-weight:700; padding:16px 25px; white-space:nowrap; box-shadow:0 6px 18px #020a17; }

@media (min-width: 1400px) { .container { max-width:1380px; } }
@media (max-width: 991.98px) {
  .site-header,.site-nav { min-height:70px; height:auto; }
  .site-nav { padding:8px 4%; flex-wrap:wrap; }
  .brand { flex:1; }
  .navbar-collapse { background:#031127; padding:8px 12px 14px; }
  .navbar-nav { align-items:stretch !important; }
  .navbar-nav .nav-link { padding:8px !important; }
  .navbar-nav .nav-link.active { border-bottom:0; }
  .nav-actions { padding:8px; }
  .hero-art { width:70%; opacity:.8; }
  .hero-shade { background:linear-gradient(90deg,#020e21 0%,rgba(2,14,33,.94) 35%,rgba(2,14,33,.32) 100%); }
  .hero-content { position:relative; top:auto; left:auto; right:auto; width:100%; max-width:720px; margin:0; padding:37px 6% 0; }
  .detail-grid { grid-template-columns:1fr; }
  .feature-card { height:195px; }
  .metrics-row { grid-template-columns:repeat(2,1fr); padding-top:15px; padding-bottom:18px; }
  .register-button { justify-self:center; grid-column:1/-1; }
}
@media (max-width: 575.98px) {
  .brand img { width:160px; height:45px; }
  .hero { height:360px; }
  .hero-art { width:100%; opacity:.56; }
  .hero-shade { background:linear-gradient(90deg,rgba(2,14,33,.97),rgba(2,14,33,.64)); }
  .hero-content { padding-top:35px; }
  .eyebrow { font-size:12px; width:auto; }
  .hero h1 { font-size:27px; }
  .hero-english { font-size:17px; }
  .hero-copy { font-size:15px; }
  .feature-grid { grid-template-columns:1fr; gap:12px; padding-inline:20px; }
  .feature-card { height:auto; min-height:173px; }
  .detail-grid { padding-inline:14px; gap:13px; margin-top:14px; }
  .audience-panel { padding:13px 10px; }
  .audience-heading h2 { font-size:18px; }
  .audience-heading p { font-size:12px; }
  .audience-list > div { padding:0 3px; }
  .audience-list h3 { font-size:12px; }
  .audience-list p { font-size:10px; }
  .accreditation-panel { padding:12px; gap:8px; }
  .accreditation-panel > img { width:105px; height:120px; }
  .accreditation-copy h2 { font-size:16px; }
  .accreditation-copy p { font-size:11px; }
  .accreditation-logos { gap:8px; font-size:10px; }
  .accreditation-logos small { font-size:7px; }
  .metrics-row { grid-template-columns:1fr; gap:10px; padding-inline:24px; }
  .metric { padding:4px 0; }
  .metric+.metric { border-right:0; }
  .register-button { grid-column:auto; justify-self:stretch; font-size:15px; }
}