/* ══════════════════════════════════════
   ABOUT PAGE
══════════════════════════════════════ */
.orbit-outer { position:absolute; inset:-24px; border-radius:50%; border:1px dashed rgba(212,175,55,.25); animation:spin 18s linear infinite; }
.orbit-dot-outer { position:absolute; top:-5px; left:50%; transform:translateX(-50%); width:10px; height:10px; border-radius:50%; background:var(--gold-primary); }
.about-card::after { content:'360°'; position:absolute; bottom:-20px; right:-8px; font-size:120px; font-weight:900; background:var(--gold-gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; opacity:.08; pointer-events:none; }

.mission-grid { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.mission-img { position:relative; border-radius:var(--r); overflow:hidden; height:480px; box-shadow:0 32px 80px rgba(0,0,0,.5); }
.mission-img img { width:100%; height:100%; object-fit:cover; }
.mission-img::after { content:''; position:absolute; inset:0; border:2px solid rgba(212,175,55,.3); border-radius:var(--r); pointer-events:none; }
.mission-badge { position:absolute; bottom:24px; left:24px; right:24px; background:rgba(5,5,5,.88); border:1px solid var(--border-gold); border-radius:var(--r2); padding:18px 20px; backdrop-filter:blur(10px); display:flex; align-items:center; gap:14px; }
.mission-badge-icon .fa-solid { font-size:28px; color:var(--gold-primary); }
.mission-badge strong { display:block; font-size:14px; font-weight:700; color:#fff; }
.mission-badge span { font-size:12px; color:var(--text-grey); margin-top:2px; display:block; }

.timeline { position:relative; padding-left:40px; margin-top:48px; }
.timeline::before { content:''; position:absolute; left:14px; top:0; bottom:0; width:2px; background:linear-gradient(180deg,var(--gold-primary),transparent); }
.tl-item { position:relative; margin-bottom:40px; }
.tl-item:last-child { margin-bottom:0; }
.tl-dot { position:absolute; left:-43px; top:4px; width:18px; height:18px; border-radius:50%; background:var(--gold-grad-simple); border:2px solid var(--black-bg); box-shadow:0 0 0 4px rgba(212,175,55,.2); }
.tl-year { font-size:11px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; color:var(--gold-primary); margin-bottom:6px; }
.tl-item h4 { font-size:16px; font-weight:700; color:#fff; margin-bottom:6px; }
.tl-item p { font-size:13.5px; color:var(--text-grey); line-height:1.72; }

.values-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:52px; }
.val-card { background:var(--black-card); border:1px solid var(--border-gold); border-radius:var(--r); padding:32px 28px; display:flex; gap:18px; align-items:flex-start; transition:all .3s; }
.val-card:hover { border-color:var(--gold-primary); background:var(--black-light); transform:translateY(-4px); box-shadow:0 20px 50px rgba(0,0,0,.35); }
.val-icon { width:52px; height:52px; border-radius:var(--r2); flex-shrink:0; background:rgba(212,175,55,.1); border:1px solid var(--border-gold2); display:flex; align-items:center; justify-content:center; transition:all .3s; }
.val-icon .fa-solid { font-size:20px; color:var(--gold-primary); }
.val-card:hover .val-icon { background:rgba(212,175,55,.18); border-color:var(--gold-primary); }
.val-title { font-size:16px; font-weight:700; color:#fff; margin-bottom:8px; }
.val-desc { font-size:13px; color:var(--text-grey); line-height:1.75; }

.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:52px; }
.trust-card { background:rgba(212,175,55,.04); border:1px solid var(--border-gold); border-radius:var(--r); padding:28px 22px; text-align:center; transition:all .28s; }
.trust-card:hover { border-color:var(--gold-primary); background:rgba(212,175,55,.08); transform:translateY(-4px); }
.trust-icon .fa-solid { font-size:32px; color:var(--gold-primary); display:block; margin:0 auto 14px; }
.trust-title { font-size:15px; font-weight:700; color:#fff; margin-bottom:8px; }
.trust-desc { font-size:12.5px; color:var(--text-grey2); line-height:1.72; }

.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:52px; }
.team-card { background:var(--black-card); border:1px solid var(--border-gold); border-radius:var(--r); overflow:hidden; transition:all .3s; }
.team-card:hover { border-color:var(--gold-primary); transform:translateY(-5px); box-shadow:0 24px 60px rgba(0,0,0,.4); }
.team-img { height:220px; overflow:hidden; position:relative; }
.team-img img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.team-card:hover .team-img img { transform:scale(1.06); }
.team-img::after { content:''; position:absolute; bottom:0; left:0; right:0; height:60px; background:linear-gradient(transparent,var(--black-card)); }
.team-info { padding:20px 22px 26px; }
.team-name { font-size:16px; font-weight:700; color:#fff; margin-bottom:4px; }
.team-role { font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-primary); }
.team-bio { font-size:12.5px; color:var(--text-grey2); line-height:1.7; margin-top:10px; }

/* ══════════════════════════════════════
   CONTACT PAGE
══════════════════════════════════════ */
.channels-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:52px; }
.channel-card { background:var(--black-card); border:1px solid var(--border-gold); border-radius:var(--r); padding:36px 28px; text-align:center; transition:all .3s; position:relative; overflow:hidden; }
.channel-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--gold-grad-simple); opacity:0; transition:opacity .3s; }
.channel-card:hover { border-color:var(--gold-primary); transform:translateY(-5px); box-shadow:0 20px 50px rgba(0,0,0,.4); }
.channel-card:hover::before { opacity:1; }
.channel-ico { width:64px; height:64px; border-radius:50%; background:rgba(212,175,55,.1); border:2px solid var(--border-gold2); display:flex; align-items:center; justify-content:center; margin:0 auto 20px; transition:all .3s; }
.channel-ico .fa-solid, .channel-ico .fa-brands { font-size:26px; color:var(--gold-primary); }
.channel-card:hover .channel-ico { background:rgba(212,175,55,.18); border-color:var(--gold-primary); }
.channel-card h3 { font-size:17px; font-weight:800; color:#fff; margin-bottom:6px; }
.channel-tag { font-size:10.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-primary); margin-bottom:12px; display:block; }
.channel-card a { font-size:14.5px; color:var(--text-grey); font-weight:500; display:block; margin-bottom:4px; transition:color .2s; }
.channel-card a:hover { color:var(--gold-primary); }
.channel-note { font-size:11.5px; color:var(--text-grey2); margin-top:8px; font-weight:500; }

.extra-channels { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:20px; }
.extra-card { background:var(--black-light); border:1px solid var(--border-gold); border-radius:var(--r); padding:24px 28px; display:flex; align-items:center; gap:18px; transition:all .28s; }
.extra-card:hover { border-color:var(--gold-primary); background:rgba(212,175,55,.04); }
.extra-ico { width:50px; height:50px; border-radius:var(--r2); background:rgba(212,175,55,.1); border:1px solid var(--border-gold2); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all .25s; }
.extra-ico .fa-solid, .extra-ico .fa-brands { font-size:20px; color:var(--gold-primary); }
.extra-card:hover .extra-ico { background:rgba(212,175,55,.18); border-color:var(--gold-primary); }
.extra-label { font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-primary); margin-bottom:4px; }
.extra-card h4 { font-size:15px; font-weight:700; color:#fff; margin-bottom:4px; }
.extra-card a { font-size:13px; color:var(--text-grey); transition:color .2s; }
.extra-card a:hover { color:var(--gold-primary); }

.contact-main { display:grid; grid-template-columns:1fr 1.4fr; gap:64px; align-items:start; }
.ci-row { display:flex; gap:16px; align-items:flex-start; padding:22px 0; border-bottom:1px solid var(--border-gold); }
.ci-row:first-child { padding-top:0; }
.ci-row:last-child { border-bottom:none; }
.ci-ico-box { width:48px; height:48px; border-radius:var(--r2); flex-shrink:0; background:rgba(212,175,55,.08); border:1px solid var(--border-gold2); display:flex; align-items:center; justify-content:center; font-size:19px; color:var(--gold-primary); transition:all .25s; }
.ci-row:hover .ci-ico-box { background:rgba(212,175,55,.15); border-color:var(--gold-primary); }
.ci-ico-box .fa-solid, .ci-ico-box .fa-regular { font-size:18px; color:var(--gold-primary); }
.ci-label { font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-primary); margin-bottom:4px; }
.ci-val { font-size:14px; color:var(--text-grey); line-height:1.55; }
.ci-val a { color:var(--text-grey); transition:color .2s; }
.ci-val a:hover { color:var(--gold-primary); }
.map-box { margin-top:28px; border-radius:var(--r); overflow:hidden; border:1px solid var(--border-gold); height:220px; background:var(--black-card); display:flex; align-items:center; justify-content:center; }
.map-placeholder { text-align:center; color:var(--text-grey2); }
.map-placeholder .fa-solid { font-size:36px; color:var(--gold-primary); margin-bottom:12px; display:block; }
.map-placeholder p { font-size:13px; font-weight:500; }
.contact-form-box { background:var(--black-card); border:1px solid var(--border-gold); border-radius:var(--r); padding:40px 36px; }
.contact-form-box h3 { font-size:22px; font-weight:800; color:#fff; margin-bottom:6px; }
.form-sub { font-size:13px; color:var(--text-grey2); margin-bottom:28px; line-height:1.6; }
.note-box { background:rgba(212,175,55,.06); border:1px solid rgba(212,175,55,.25); border-radius:var(--r2); padding:18px 20px; display:flex; gap:14px; align-items:flex-start; margin-top:20px; }
.note-box .fa-solid { color:var(--gold-primary); font-size:18px; flex-shrink:0; margin-top:2px; }
.note-box p { font-size:13px; color:var(--text-grey); line-height:1.65; }
.note-box a { color:var(--gold-primary); font-weight:600; }
.faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:52px; }
.faq-item { background:var(--black-card); border:1px solid var(--border-gold); border-radius:var(--r); padding:26px 24px; transition:all .25s; }
.faq-item:hover { border-color:var(--gold-primary); background:var(--black-light); }
.faq-q { font-size:14.5px; font-weight:700; color:#fff; margin-bottom:10px; display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.faq-q .fa-solid { color:var(--gold-primary); font-size:14px; flex-shrink:0; margin-top:2px; }
.faq-a { font-size:13px; color:var(--text-grey); line-height:1.72; }

/* ══════════════════════════════════════
   VISA SERVICES PAGE
══════════════════════════════════════ */
.svc-tabs { display:flex; gap:0; margin-top:52px; background:var(--black-card); border:1px solid var(--border-gold); border-radius:var(--r); overflow:hidden; }
.svc-tab { flex:1; padding:16px 12px; text-align:center; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--text-grey2); cursor:pointer; transition:all .25s; border-right:1px solid var(--border-gold); display:flex; flex-direction:column; align-items:center; gap:8px; text-decoration:none; }
.svc-tab:last-child { border-right:none; }
.svc-tab .fa-solid { font-size:22px; color:var(--gold-primary); transition:transform .25s; }
.svc-tab:hover, .svc-tab.active { background:rgba(212,175,55,.08); color:var(--gold-primary); }
.svc-tab:hover .fa-solid, .svc-tab.active .fa-solid { transform:scale(1.1); }
.visa-section { scroll-margin-top:100px; }
.visa-section-inner { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.visa-section-inner.reverse { direction:rtl; }
.visa-section-inner.reverse > * { direction:ltr; }
.visa-img { border-radius:var(--r); overflow:hidden; height:420px; position:relative; box-shadow:0 24px 64px rgba(0,0,0,.5); }
.visa-img img { width:100%; height:100%; object-fit:cover; }
.visa-img-badge { position:absolute; bottom:20px; left:20px; right:20px; background:rgba(5,5,5,.88); border:1px solid var(--border-gold); border-radius:var(--r2); padding:14px 18px; backdrop-filter:blur(10px); display:flex; align-items:center; gap:12px; }
.visa-img-badge .fa-solid { font-size:22px; color:var(--gold-primary); flex-shrink:0; }
.visa-img-badge strong { display:block; font-size:13.5px; font-weight:700; color:#fff; }
.visa-img-badge span { font-size:11.5px; color:var(--text-grey); margin-top:2px; display:block; }
.process-timeline { display:flex; flex-direction:column; gap:0; border:1px solid var(--border-gold); border-radius:var(--r); overflow:hidden; margin:20px 0; }
.ptl-item { display:flex; gap:16px; align-items:flex-start; padding:16px 20px; border-bottom:1px solid var(--border-gold); transition:background .2s; }
.ptl-item:last-child { border-bottom:none; }
.ptl-item:hover { background:rgba(212,175,55,.04); }
.ptl-num { width:36px; height:36px; border-radius:50%; background:rgba(212,175,55,.1); border:1.5px solid var(--gold-primary); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:13px; font-weight:900; color:var(--gold-primary); }
.ptl-title { font-size:13.5px; font-weight:700; color:#fff; margin-bottom:3px; }
.ptl-desc { font-size:12.5px; color:var(--text-grey); line-height:1.6; }
.req-list { list-style:none; display:flex; flex-direction:column; gap:10px; margin:20px 0; }
.req-list li { display:flex; gap:10px; align-items:flex-start; font-size:13.5px; color:var(--text-grey); line-height:1.55; }
.req-list li .fa-solid { color:var(--gold-primary); font-size:13px; flex-shrink:0; margin-top:2px; }
.badge-row { display:flex; gap:12px; flex-wrap:wrap; margin:24px 0; }
.badge-pill { display:inline-flex; align-items:center; gap:8px; background:rgba(212,175,55,.08); border:1px solid var(--border-gold2); border-radius:30px; padding:8px 16px; font-size:12px; font-weight:700; color:var(--gold-primary); letter-spacing:.06em; }
.badge-pill .fa-solid, .badge-pill .fa-brands { font-size:12px; }
.visa-options { display:flex; flex-direction:column; border:1px solid var(--border-gold); border-radius:var(--r); overflow:hidden; margin:20px 0; }
.vo-row { display:grid; grid-template-columns:1.2fr 2fr 1fr; align-items:center; padding:16px 20px; border-bottom:1px solid var(--border-gold); transition:background .2s; }
.vo-row:last-child { border-bottom:none; }
.vo-row:hover { background:rgba(212,175,55,.04); }
.vo-row.header { background:rgba(212,175,55,.08); font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-primary); }
.vo-type { font-size:13.5px; font-weight:700; color:#fff; }
.vo-desc { font-size:12.5px; color:var(--text-grey); line-height:1.5; }
.vo-badge { display:inline-block; padding:4px 12px; border-radius:20px; font-size:10.5px; font-weight:700; }
.vo-badge.popular { background:rgba(212,175,55,.15); border:1px solid var(--gold-primary); color:var(--gold-primary); }
.vo-badge.express { background:rgba(74,222,128,.1); border:1px solid rgba(74,222,128,.4); color:#4ade80; }
.vo-badge.standard { background:rgba(148,163,184,.1); border:1px solid rgba(148,163,184,.3); color:var(--text-grey); }
.benefits-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:20px 0; }
.benefit-item { display:flex; gap:12px; align-items:flex-start; background:rgba(212,175,55,.04); border:1px solid var(--border-gold); border-radius:var(--r2); padding:14px 16px; transition:all .25s; }
.benefit-item:hover { border-color:var(--gold-primary); background:rgba(212,175,55,.08); }
.benefit-item .fa-solid { font-size:16px; color:var(--gold-primary); flex-shrink:0; margin-top:2px; }
.benefit-item span { font-size:13px; color:var(--text-grey); line-height:1.5; }
.sec-divider { height:1px; background:linear-gradient(90deg,transparent,var(--gold-primary),transparent); }

/* ══════════════════════════════════════
   RESPONSIVE – PAGES
══════════════════════════════════════ */
@media(max-width:1024px) {
  .mission-grid { grid-template-columns:1fr; gap:48px; }
  .values-grid { grid-template-columns:1fr; }
  .trust-grid { grid-template-columns:1fr 1fr; }
  .team-grid { grid-template-columns:1fr 1fr; }
  .channels-grid { grid-template-columns:1fr 1fr; }
  .extra-channels { grid-template-columns:1fr; }
  .contact-main { grid-template-columns:1fr; gap:40px; }
  .faq-grid { grid-template-columns:1fr; }
  .visa-section-inner, .visa-section-inner.reverse { grid-template-columns:1fr; direction:ltr; }
  .visa-img { height:300px; }
  .svc-tabs { flex-wrap:wrap; }
  .svc-tab { flex:0 0 33.333%; }
  .benefits-grid { grid-template-columns:1fr; }
}
@media(max-width:640px) {
  .channels-grid { grid-template-columns:1fr; }
  .trust-grid, .team-grid, .values-grid { grid-template-columns:1fr; }
  .svc-tab { flex:0 0 50%; }
  .vo-row { grid-template-columns:1fr; }
  .vo-badge { display:none; }
}
