:root {
  --nav-bg: #d6d7de;
  --nav-active: #cfd8e7;
  --blue: #3b9fd9;
  --green: #2ecc71;
  --text: #24364e;
  --dark-1: #021434;
  --dark-2: #081f4c;
  --surface: #ffffff;
  --muted: rgba(255,255,255,.82);
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; overflow-x: hidden; font-family: Arial, Helvetica, sans-serif; }
body { background: #081426; color: #0f172a; position: relative; }
body::before { content: ''; position: fixed; inset: 0; background: linear-gradient(180deg, rgba(2,11,38,.70) 0%, rgba(2,15,40,.58) 100%), url('../custom/globe-bg.jpg') center top / cover no-repeat; z-index: -2; }
body::after { content: ''; position: fixed; inset: 0; background: radial-gradient(circle at center, rgba(22,44,84,.10), rgba(2,8,20,.32)); z-index: -1; pointer-events: none; }
a { text-decoration: none; }
img { max-width: 100%; display: block; }
.container { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }

.site-header { position: sticky; top: 0; z-index: 50; background: rgba(220,222,228,.98); box-shadow: 0 1px 0 rgba(0,0,0,.08); backdrop-filter: blur(10px); }
.header-shell { width: min(1540px, calc(100% - 120px)); margin: 0 auto; min-height: 98px; display: flex; align-items: center; gap: 14px; padding: 0 4px; }
.brand-icon, .theme-button { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; flex: 0 0 auto; transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease; }
.brand-icon { background: linear-gradient(135deg, #39c4d0, #39c56a); color: #0f223d; box-shadow: 0 8px 18px rgba(57,197,106,.16); }
.brand-icon svg { width: 30px; height: 30px; }
.theme-button { border: 0; background: #dedaf2; color: #22324c; font-size: 28px; cursor: pointer; margin-left: auto; }
.theme-button:hover, .brand-icon:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(34,50,76,.14); }
.desktop-nav { display: flex; align-items: center; justify-content: flex-start; gap: 4px; flex: 1; min-width: 0; }
.desktop-nav a { color: #33445d; font-weight: 800; font-size: 11px; line-height: 1.22; text-align: center; padding: 12px 10px; border-radius: 14px; white-space: nowrap; flex: 0 0 auto; min-width: 0; transition: color .2s ease, background-color .2s ease, transform .2s ease; }
.desktop-nav a:hover { color: #1f8f66; background: rgba(57,196,208,.10); transform: translateY(-1px); }
.desktop-nav a.active { background: var(--nav-active); box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); }
.menu-button { display: none; width: 46px; height: 46px; border: 0; background: transparent; padding: 0; margin-left: auto; }
.menu-button span { display: block; width: 24px; height: 3px; background: #22324c; margin: 4px auto; border-radius: 3px; }
.mobile-nav { display: none; flex-direction: column; padding: 0 14px 16px; background: rgba(220,222,228,.98); }
.mobile-nav a { color: #33445d; font-weight: 700; padding: 12px 14px; border-radius: 12px; transition: color .2s ease, background-color .2s ease; }
.mobile-nav a:hover { color: #1f8f66; background: rgba(57,196,208,.10); }
.mobile-nav a.active { background: var(--nav-active); }
.mobile-nav.open { display: flex; }

.hero-section { position: relative; min-height: 100vh; background: url('../custom/globe-bg.jpg') center/cover no-repeat; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2,11,38,.58) 0%, rgba(2,15,40,.34) 18%, rgba(2,15,40,.44) 100%); }
.hero-content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 110px 0 70px; }
.eyebrow { color: #ffffff; font-size: 18px; font-weight: 700; margin: 40px 0 8px; }
.hero-content h1 { margin: 0; font-size: clamp(42px, 6vw, 72px); line-height: 1.02; font-weight: 800; color: white; }
.hero-content h1 span { color: transparent; background: linear-gradient(135deg, #2c0f17 8%, #143351 55%, #07101b 100%); -webkit-background-clip: text; background-clip: text; text-shadow: 0 2px 0 rgba(255,255,255,.04); }
.hero-text { max-width: 880px; color: rgba(255,255,255,.9); font-size: 19px; line-height: 1.6; margin: 24px auto 26px; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; margin-bottom: 34px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 28px; border-radius: 12px; font-weight: 800; font-size: 19px; }
.btn-blue { color: #08355b; background: #47b0f1; }
.btn-green { color: #07381f; background: #2fd66f; }
.btn-gradient { color: white; background: linear-gradient(90deg, #45a8e8, #32cf76); }
.btn-white { color: #102544; background: white; }
.btn.full { width: 100%; }

.map-card { width: min(560px, calc(100% - 16px)); margin: 4px auto 0; background: rgba(255,255,255,.18); padding: 14px; border-radius: 6px; box-shadow: 0 22px 50px rgba(0,0,0,.32); }
.map-top { position: relative; min-height: 300px; overflow: hidden; border-radius: 22px 22px 0 0; background: linear-gradient(135deg, #0d2440, #173d65); }
.map-top > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.map-bottom { background: rgba(255,255,255,.98); border-radius: 0 0 22px 22px; padding: 24px 26px 24px; }
.map-bottom h2 { margin: 0 0 18px; font-size: 30px; color: #102544; }
.map-bottom ul { list-style: none; padding: 0; margin: 0 0 24px; text-align: left; display: grid; gap: 12px; }
.map-bottom li { color: #526274; font-size: 18px; display: flex; align-items: flex-start; gap: 10px; }
.map-bottom li::before { content: '•'; color: var(--green); font-size: 26px; line-height: .8; }
.map-point { position: absolute; transform: translate(-50%, -50%); background: transparent; border: 0; padding: 0; cursor: pointer; }
.dot { width: 18px; height: 18px; display: block; border-radius: 50%; background: linear-gradient(135deg, var(--blue), var(--green)); box-shadow: 0 0 0 5px rgba(69,168,232,.18), 0 0 26px rgba(69,168,232,.6); position: relative; }
.dot::before { content: ''; position: absolute; inset: -7px; border: 1px solid rgba(255,255,255,.6); border-radius: 50%; animation: pulse 2.2s infinite ease-in-out; }
.line, .tag { position: absolute; pointer-events: none; }
.tag { font-size: 10px; font-weight: 800; color: #fff; padding: 4px 6px; background: rgba(7,24,50,.55); border-radius: 999px; }
.line { background: rgba(255,255,255,.95); box-shadow: 0 0 0 1px rgba(255,255,255,.14); }
.label-right .line { left: 18px; top: 8px; width: 18px; height: 2px; }
.label-right .tag { left: 40px; top: -2px; }
.label-below-left .line { right: 8px; top: 18px; width: 2px; height: 18px; }
.label-below-left .tag { right: 0; top: 42px; transform: translateX(22%); }
.label-below-right .line { left: 8px; top: 18px; width: 2px; height: 18px; }
.label-below-right .tag { left: 0; top: 42px; transform: translateX(-10%); }
.map-point.active .dot { filter: brightness(1.1); }

.stats-section { background: white; padding: 70px 0; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; text-align: center; }
.stats-grid article { padding: 12px; }
.stat-icon { width: 66px; height: 66px; border-radius: 22px; margin: 0 auto 14px; display: grid; place-items: center; font-size: 28px; color: white; background: linear-gradient(135deg, var(--blue), var(--green)); }
.stats-grid strong { display: block; font-size: 36px; color: #14243b; margin-bottom: 8px; }
.stats-grid span { color: #5b6a7c; }

.countries-section { padding: 90px 0; }
.section-head { text-align: center; margin-bottom: 34px; }
.section-head .eyebrow { color: var(--blue); margin: 0 0 8px; }
.section-head h2 { font-size: 40px; color: white; margin: 0; }
.country-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.country-card { background: rgba(255,255,255,.95); border-radius: 22px; overflow: hidden; box-shadow: 0 16px 40px rgba(0,0,0,.18); }
.country-card img { width: 100%; height: 230px; object-fit: cover; }
.country-card-content { padding: 22px; }
.country-card h3 { margin: 0 0 14px; font-size: 28px; color: #102544; }
.country-card ul { list-style: none; padding: 0; margin: 0 0 18px; display: grid; gap: 10px; }
.country-card li { color: #516174; position: relative; padding-left: 18px; }
.country-card li::before { content: ''; width: 8px; height: 8px; background: linear-gradient(135deg, var(--blue), var(--green)); border-radius: 50%; position: absolute; left: 0; top: 8px; }
.country-card a { display: inline-flex; color: #1183bf; font-weight: 800; }

.cta-section { padding: 0 0 96px; }
.cta-box { background: linear-gradient(135deg, var(--blue), var(--green)); border-radius: 30px; padding: 52px 24px; text-align: center; color: white; }
.cta-box h2 { margin: 0 0 12px; font-size: 42px; }
.cta-box p { max-width: 750px; margin: 0 auto 24px; font-size: 18px; line-height: 1.6; }

.site-footer { background: #0f1419; color: white; padding: 58px 0; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; }
.footer-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.footer-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(135deg, var(--blue), var(--green)); }
.site-footer p, .site-footer span, .site-footer a { color: #acb4bf; line-height: 1.7; display: block; margin-bottom: 8px; }
.site-footer h4 { margin: 0 0 12px; color: white; }

.floating-socials { position: fixed; right: 18px; bottom: 18px; display: flex; flex-direction: column; gap: 14px; z-index: 60; }
.social-float { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; box-shadow: 0 18px 35px rgba(0,0,0,.35); transition: transform .22s ease, box-shadow .22s ease; }
.social-float:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 22px 40px rgba(0,0,0,.4); }
.social-float svg { width: 30px; height: 30px; }
.whatsapp-float { background: #25D366; color: #ffffff; }
.instagram-float { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 32%, #d6249f 60%, #285AEB 90%); color: #ffffff; }
@media (max-width: 768px) { .floating-socials { right: 14px; bottom: 14px; gap: 12px; } .social-float { width: 58px; height: 58px; } .social-float svg { width: 27px; height: 27px; } }

@keyframes pulse { 0%,100% { transform: scale(1); opacity: .45; } 50% { transform: scale(1.22); opacity: 1; } }

@media (max-width: 1500px) {
  .desktop-nav a { font-size: 11px; padding: 12px 6px; }
}
@media (max-width: 1280px) {
  .desktop-nav a { font-size: 10.5px; padding: 12px 5px; }
}
@media (max-width: 1180px) {
  .desktop-nav { display: none; }
  .menu-button { display: block; }
}
@media (max-width: 900px) {
  .stats-grid, .country-grid, .footer-grid { grid-template-columns: 1fr 1fr; }
  .hero-content { padding-top: 86px; }
}
@media (max-width: 700px) {
  .header-shell { min-height: 82px; }
  .brand-icon, .theme-button, .menu-button { width: 46px; height: 46px; }
  .hero-content h1 { font-size: 38px; }
  .hero-text { font-size: 17px; }
  .btn { width: 100%; }
  .hero-actions { width: 100%; }
  .map-card { width: 100%; }
  .map-top { min-height: 210px; }
  .map-bottom { padding: 18px; }
  .map-bottom h2 { font-size: 26px; }
  .map-bottom li { font-size: 16px; }
  .stats-grid, .country-grid, .footer-grid { grid-template-columns: 1fr; }
  .section-head h2, .cta-box h2 { font-size: 30px; }
}
body.dark-mode { background: #050c1b; }
body.dark-mode::before { background: linear-gradient(180deg, rgba(2,8,24,.82) 0%, rgba(5,12,27,.72) 100%), url('../custom/globe-bg.jpg') center top / cover no-repeat; }
body.dark-mode .site-header { background: rgba(16,20,33,.96); }
body.dark-mode .desktop-nav a, body.dark-mode .mobile-nav a, body.dark-mode .theme-button { color: #e9eef8; }
body.dark-mode .desktop-nav a:hover, body.dark-mode .mobile-nav a:hover { color: #72e6b4; background: rgba(255,255,255,.06); }
body.dark-mode .desktop-nav a.active, body.dark-mode .mobile-nav a.active { background: rgba(255,255,255,.08); }
body.dark-mode .mobile-nav { background: rgba(16,20,33,.98); }
body.dark-mode .stats-section { background: #0a1222; }
body.dark-mode .stats-grid strong { color: white; }
body.dark-mode .stats-grid span { color: #c0c8d2; }



.page-hero{position:relative;overflow:hidden;padding:86px 0 24px;background:linear-gradient(180deg,rgba(10,23,48,.82) 0%,rgba(16,38,69,.58) 100%);color:#fff;backdrop-filter:blur(1px)}
.page-section{position:relative;padding:40px 0 90px}
.page-section::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,14,30,.26) 0%,rgba(4,14,30,.18) 100%);pointer-events:none}
.page-section > .container{position:relative;z-index:1}
.page-hero .container{padding-top:42px;padding-bottom:22px}
.page-hero .eyebrow{margin:0 0 10px;color:#8fd5ff}
.page-hero h1{margin:0 0 14px;font-size:clamp(34px,4vw,56px);line-height:1.05}
.page-hero p{max-width:860px;margin:0;color:rgba(255,255,255,.88);font-size:19px;line-height:1.65}
.page-section{padding:40px 0 90px}
.page-grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.content-card,.info-card,.faq-item,.story-card,.guide-card,.blog-card,.contact-card,.cost-card,.calc-result,.step-card,.icon-card,.mentor-card,.contact-form-card{background:rgba(255,255,255,.97);border-radius:24px;padding:28px;box-shadow:0 16px 42px rgba(0,0,0,.16)}
.content-card h2,.info-card h2,.faq-item h3,.step-card h3,.contact-form-card h2,.calc-result h2{margin:0 0 14px;color:#102544;font-size:28px}
.content-card p,.info-card p,.faq-item p,.story-card p,.guide-card p,.blog-card p,.step-card p,.contact-card p,.contact-form-card p,.calc-result p{color:#526274;line-height:1.8;margin:0 0 14px}
.check-list,.bullet-list,.guide-list,.country-columns ul,.timeline-list,.simple-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.check-list li,.bullet-list li,.guide-list li,.country-columns li,.timeline-list li,.simple-list li{position:relative;padding-left:20px;color:#526274;line-height:1.7}
.check-list li:before,.bullet-list li:before,.guide-list li:before,.country-columns li:before,.timeline-list li:before,.simple-list li:before{content:'';position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green))}
.two-cards,.three-cards,.four-cards,.blog-grid,.guide-grid,.stories-grid,.mentor-grid,.icon-grid,.contact-grid,.country-columns{display:grid;gap:24px}
.two-cards{grid-template-columns:repeat(2,1fr)}
.three-cards,.blog-grid,.guide-grid,.stories-grid,.mentor-grid,.icon-grid,.contact-grid{grid-template-columns:repeat(3,1fr)}
.four-cards{grid-template-columns:repeat(4,1fr)}
.info-card h3,.blog-card h3,.guide-card h3,.story-card h3,.mentor-card h3{margin:0 0 10px;color:#102544;font-size:24px}
.split-banner{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.split-banner img,.hero-photo,.about-photo,.mentor-card img{width:100%;height:100%;object-fit:cover;border-radius:24px;min-height:320px;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.icon-card .icon-top,.contact-card .icon-top,.story-card .icon-top,.guide-card .icon-top{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--green));display:grid;place-items:center;color:#fff;font-weight:800;font-size:24px;margin-bottom:16px}
.icon-card h3{margin:0 0 10px;color:#102544;font-size:24px}
.icon-card p{margin:0;color:#526274;line-height:1.7}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.form-field{display:flex;flex-direction:column;gap:8px}
.form-field.full{grid-column:1/-1}
.form-label{font-weight:800;color:#102544}
.form-control,.form-select,.form-textarea{width:100%;border:1px solid #d3dae4;border-radius:16px;padding:14px 16px;font:inherit;color:#102544;background:#fff;outline:none}
.form-textarea{min-height:140px;resize:vertical}
.form-control:focus,.form-select:focus,.form-textarea:focus{border-color:#56a8db;box-shadow:0 0 0 4px rgba(59,159,217,.12)}
.form-progress{margin-bottom:20px}
.progress-row{display:flex;justify-content:space-between;gap:16px;color:#44556d;font-weight:700;margin-bottom:8px}
.progress-bar{height:10px;background:#dfe8ef;border-radius:999px;overflow:hidden}
.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--green));transition:width .25s ease}
.muted-note{font-size:14px;color:#66778b}

.step-card{position:relative;padding-left:92px;overflow:hidden}
.step-frame{border:1px solid rgba(18,37,68,.10);border-radius:22px;padding:26px 28px 24px;background:linear-gradient(180deg,rgba(247,250,253,.96),rgba(255,255,255,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.step-frame .simple-list{margin-top:14px;padding-top:16px;border-top:1px solid rgba(18,37,68,.08)}
.step-frame h3{margin-top:6px}
.step-frame p{margin-bottom:0}
.step-badge{position:absolute;left:26px;top:26px;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--green));display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;box-shadow:0 14px 28px rgba(21,122,201,.25)}
.step-meta{display:inline-flex;align-items:center;gap:8px;background:#eef5fb;color:#34506c;padding:8px 12px;border-radius:999px;font-size:14px;font-weight:700;margin-bottom:14px}

.guide-card .download{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:12px 16px;border-radius:14px;background:linear-gradient(90deg,var(--blue),var(--green));color:#fff;font-weight:800}
.blog-card .meta{display:flex;gap:10px;flex-wrap:wrap;color:#607185;font-size:14px;font-weight:700;margin-bottom:12px}
.blog-card .pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eff6ff;color:#2070a8;font-size:13px;font-weight:800}
.blog-card img{width:100%;height:220px;object-fit:cover;border-radius:20px;margin-bottom:18px}
.story-card blockquote{margin:0 0 18px;color:#526274;font-style:italic;line-height:1.8}
.story-meta{display:flex;align-items:center;gap:14px;padding-top:14px;border-top:1px solid #e8edf2}
.avatar{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--green));display:grid;place-items:center;color:#fff;font-weight:800}
.faq-item summary{list-style:none;cursor:pointer;font-size:20px;font-weight:800;color:#102544;display:flex;align-items:center;justify-content:space-between;gap:16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item details[open] summary{margin-bottom:14px}
.faq-item .plus{font-size:28px;color:#56a8db}
.contact-grid .contact-card a{color:#102544;font-weight:700}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}
.map-embed{width:100%;height:320px;border:0;border-radius:24px;overflow:hidden;background:#dce8f3}
.calc-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}
.calc-result{background:linear-gradient(135deg,var(--blue),var(--green));color:#fff}
.calc-result h2,.calc-result p,.calc-result li,.calc-result strong{color:#fff}
.calc-result .simple-list li:before{background:#fff}
.calc-tag{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.16);margin:0 8px 8px 0;font-weight:700}
.country-columns{grid-template-columns:repeat(2,1fr)}
.living-grid{gap:18px;margin-top:16px}
.living-item{padding:24px 24px 22px;border:1.5px solid rgba(16,37,68,.12);border-radius:20px;background:linear-gradient(180deg,rgba(248,251,255,.98),rgba(255,255,255,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.living-item h4{margin:0 0 18px;color:#182b4a;font-size:20px}
.living-item p{margin:0!important;line-height:1.75}
.living-item strong{display:block;margin-bottom:8px;color:#4e617a;font-size:18px}
body.dark-mode .living-item{background:linear-gradient(180deg,rgba(16,27,47,.96),rgba(12,22,39,.98));border-color:rgba(148,163,184,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
body.dark-mode .living-item h4{color:#fff}
body.dark-mode .living-item strong{color:#dbe6f3}

.mentor-card img{height:270px;min-height:0;margin-bottom:18px}
.mentor-role{color:#11865a;font-weight:800;margin-bottom:12px}
.footer-grid{align-items:start}
body.dark-mode .page-hero{background:linear-gradient(180deg,rgba(9,16,29,.88) 0%,rgba(13,24,48,.66) 100%)}
body.dark-mode .content-card,body.dark-mode .info-card,body.dark-mode .faq-item,body.dark-mode .story-card,body.dark-mode .guide-card,body.dark-mode .blog-card,body.dark-mode .contact-card,body.dark-mode .cost-card,body.dark-mode .calc-result,body.dark-mode .step-card,body.dark-mode .icon-card,body.dark-mode .mentor-card,body.dark-mode .contact-form-card{background:#101b2f;color:#fff;box-shadow:none}
body.dark-mode .step-frame{background:linear-gradient(180deg,rgba(18,31,53,.96),rgba(13,24,42,.98));border-color:rgba(148,163,184,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
body.dark-mode .step-frame .simple-list{border-top-color:rgba(148,163,184,.14)}
body.dark-mode .content-card h2,body.dark-mode .info-card h2,body.dark-mode .faq-item h3,body.dark-mode .step-card h3,body.dark-mode .contact-form-card h2,body.dark-mode .calc-result h2,body.dark-mode .icon-card h3,body.dark-mode .blog-card h3,body.dark-mode .guide-card h3,body.dark-mode .story-card h3,body.dark-mode .mentor-card h3,body.dark-mode .faq-item summary{color:#fff}
body.dark-mode .content-card p,body.dark-mode .info-card p,body.dark-mode .faq-item p,body.dark-mode .story-card p,body.dark-mode .guide-card p,body.dark-mode .blog-card p,body.dark-mode .step-card p,body.dark-mode .contact-card p,body.dark-mode .contact-form-card p,body.dark-mode .calc-result p,body.dark-mode .muted-note,body.dark-mode .check-list li,body.dark-mode .bullet-list li,body.dark-mode .guide-list li,body.dark-mode .country-columns li,body.dark-mode .timeline-list li,body.dark-mode .simple-list li,body.dark-mode .blog-card .meta{color:#d4deea}
body.dark-mode .form-control,body.dark-mode .form-select,body.dark-mode .form-textarea{background:#0d1728;border-color:#243348;color:#fff}
body.dark-mode .progress-bar{background:#213048}
@media (max-width:1280px){.header-shell{width:min(100%,calc(100% - 48px));gap:10px}.desktop-nav a{font-size:10.5px;padding:12px 8px}}
@media (max-width:1100px){.desktop-nav a{font-size:14px;padding:12px 8px}.split-banner,.page-grid-2,.calc-layout,.contact-layout{grid-template-columns:1fr}.three-cards,.contact-grid,.guide-grid,.blog-grid,.stories-grid,.mentor-grid,.icon-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.two-cards,.three-cards,.four-cards,.contact-grid,.guide-grid,.blog-grid,.stories-grid,.mentor-grid,.icon-grid,.country-columns,.form-grid{grid-template-columns:1fr}.page-hero p{font-size:17px}.content-card,.info-card,.faq-item,.story-card,.guide-card,.blog-card,.contact-card,.cost-card,.calc-result,.step-card,.icon-card,.mentor-card,.contact-form-card{padding:22px}.step-card{padding-left:22px;padding-top:88px}.step-frame{padding:22px 20px 20px}.step-badge{left:22px;top:22px}}


/* mentors page */
.mentors-page-hero{background:linear-gradient(135deg, rgba(59,159,217,.08), rgba(46,204,113,.08));}
.mentors-intro{text-align:center;max-width:860px;}
.mentors-intro h1{margin-bottom:18px;}
.mentors-intro p{margin:0 auto;max-width:760px;}
.mentors-match-grid{margin-top:8px;}
.mentor-match-card{padding:0;overflow:hidden;border:1px solid rgba(148,163,184,.25);box-shadow:0 14px 36px rgba(15,23,42,.12);}
.mentor-match-card img,.mentor-placeholder{width:100%;aspect-ratio:4/3;display:block;object-fit:cover;border-radius:0;min-height:0;box-shadow:none;margin:0;}
.mentor-placeholder{display:flex;align-items:center;justify-content:center;background:#0f172a;color:#fff;font-size:52px;font-weight:800;letter-spacing:.04em;}
.mentor-match-body{padding:24px 24px 28px;}
.mentor-match-body h2{margin:0 0 10px;color:#0f172a;font-size:32px;line-height:1.15;}
.mentor-match-body p{margin:0;color:#475569;line-height:1.75;}
.mentor-match-body .mentor-role{margin:0 0 14px;color:#0f9f72;font-weight:700;}
body.dark-mode .mentor-match-card{background:#101b2f;border-color:rgba(148,163,184,.12);box-shadow:none;}
body.dark-mode .mentor-match-body h2{color:#fff;}
body.dark-mode .mentor-match-body p{color:#cbd5e1;}
body.dark-mode .mentor-match-body .mentor-role{color:#49d19c;}
@media (max-width:760px){.mentor-match-body h2{font-size:28px;}}


.mentors-layout{max-width:1120px;}
.mentors-heading-block,.advisors-heading-block{text-align:center;max-width:920px;margin:0 auto 30px;}
.mentors-heading-block h2,.advisors-heading-block h2{margin:0 0 10px;color:#0f172a;font-size:34px;}
.mentors-heading-block p,.advisors-heading-block p{margin:0;color:#475569;line-height:1.8;}
.mentor-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:rgba(59,159,217,.14);color:#3292cf;font-size:12px;font-weight:800;margin-bottom:14px;}
.advisor-tag{background:rgba(46,204,113,.16);color:#0e9f6e;}
.advisors-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:760px;margin:0 auto;}
.advisor-card img{aspect-ratio:5/4;}
.mentor-link{display:inline-block;margin-top:14px;color:#2563eb;font-weight:700;text-decoration:none;word-break:break-word;}
.mentor-link:hover{text-decoration:underline;}
body.dark-mode .mentors-heading-block h2,body.dark-mode .advisors-heading-block h2{color:#fff;}
body.dark-mode .mentors-heading-block p,body.dark-mode .advisors-heading-block p{color:#cbd5e1;}
body.dark-mode .mentor-tag{background:rgba(59,159,217,.18);color:#7dd3fc;}
body.dark-mode .advisor-tag{background:rgba(46,204,113,.2);color:#7ef0be;}
body.dark-mode .mentor-link{color:#93c5fd;}
@media (max-width:900px){.advisors-grid{grid-template-columns:1fr;max-width:480px;}.mentors-heading-block h2,.advisors-heading-block h2{font-size:30px;}}

/* mentors page ordering + heading color fix */
.mentors-page-hero .mentors-intro p{margin-top:0;}
.mentors-page-hero .mentors-intro h1{display:none;}
.mentors-heading-block,.advisors-heading-block{margin-top:14px;}
.mentors-heading-block h2,.advisors-heading-block h2,.mentors-heading-block p,.advisors-heading-block p{color:#fff !important;}
.advisors-grid{margin-bottom:46px;}


.section-heading.compact{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.section-kicker{margin:0 0 6px;color:#60d7c1;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.blog-slider-shell{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:30px;backdrop-filter:blur(8px)}
.blog-slider{display:grid;grid-auto-flow:column;grid-auto-columns:calc(50% - 12px);gap:24px;overflow:hidden;scroll-behavior:smooth}
.blog-slide-card{display:grid;grid-template-columns:1.03fr 1fr;align-items:stretch;min-height:360px;background:rgba(255,255,255,.97);border-radius:28px;overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.16)}
.blog-slide-image-wrap{position:relative;min-height:100%}
.blog-slide-image-wrap img{width:100%;height:100%;display:block;object-fit:cover}
.blog-slide-pill{position:absolute;left:18px;top:18px;display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(8,19,38,.86);color:#fff;font-size:13px;font-weight:800}
.blog-slide-content{padding:28px;display:flex;flex-direction:column;justify-content:center}
.blog-slide-content h3{margin:0 0 14px;color:#102544;font-size:30px;line-height:1.15}
.blog-slide-content p{margin:0 0 20px;color:#526274;line-height:1.8}
.slider-controls{display:flex;gap:12px}
.slider-arrow{width:48px;height:48px;border:none;border-radius:16px;background:rgba(255,255,255,.92);color:#102544;font-size:22px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.12);transition:transform .2s ease, background .2s ease}
.slider-arrow:hover{transform:translateY(-2px);background:#fff}
.blog-slider-dots{display:flex;justify-content:center;gap:10px;margin-top:22px}
.blog-slider-dots button{width:11px;height:11px;border-radius:999px;border:none;background:rgba(255,255,255,.35);cursor:pointer;padding:0}
.blog-slider-dots button.active{background:#39d180;width:28px}
body.dark-mode .blog-slider-shell{background:rgba(9,18,34,.52);border-color:rgba(255,255,255,.07)}
body.dark-mode .slider-arrow{background:#101b2f;color:#fff;box-shadow:none}
body.dark-mode .slider-arrow:hover{background:#142542}
body.dark-mode .blog-slide-card{background:#101b2f;box-shadow:none}
body.dark-mode .blog-slide-content h3{color:#fff}
body.dark-mode .blog-slide-content p,body.dark-mode .blog-slide-content .meta{color:#d4deea}
@media (max-width:1100px){.blog-slider{grid-auto-columns:80%}.blog-slide-card{grid-template-columns:1fr}.blog-slide-image-wrap{height:260px}.blog-slide-content h3{font-size:26px}}
@media (max-width:760px){.section-heading.compact{flex-direction:column;align-items:flex-start}.blog-slider-shell{padding:20px}.blog-slider{grid-auto-columns:100%}.blog-slide-content{padding:22px}.blog-slide-content h3{font-size:24px}.slider-controls{width:100%;justify-content:flex-end}}


/* final page hero cleanup */
.page-hero .eyebrow,
.page-hero p {
  display: none;
}

.page-hero {
  padding: 56px 0 18px;
}

.page-hero .container {
  padding-top: 28px;
  padding-bottom: 10px;
}

.page-hero h1 {
  margin: 0;
}

/* final contact page cleanup */
.contact-layout {
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 1.08fr);
  gap: 34px;
  align-items: start;
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 18px;
  align-items: stretch;
}

.contact-card {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 26px 22px;
}

.contact-card h3 {
  margin: 10px 0 14px;
  font-size: 22px;
}

.contact-card p,
.contact-card a {
  display: block;
  font-size: clamp(15px, 1.05vw, 17px);
  line-height: 1.7;
  overflow-wrap: anywhere;
  word-break: normal;
}

.contact-card a[href^="mailto:"] {
  font-size: clamp(14px, 0.98vw, 16px);
}

.contact-card a[href^="tel:"] {
  letter-spacing: 0.02em;
}

.map-embed {
  margin-top: 18px !important;
  height: 360px;
  border-radius: 26px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12);
}

.contact-form-card {
  padding: 34px;
}

.contact-form-card h2 {
  margin-bottom: 24px;
}

@media (max-width: 1100px) {
  .contact-layout {
    grid-template-columns: 1fr;
  }

  .contact-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }

  .contact-card {
    min-height: unset;
    text-align: center;
    align-items: center;
    padding: 24px 20px;
  }

  .contact-card h3 {
    margin-bottom: 10px;
  }

  .contact-card p,
  .contact-card a {
    width: 100%;
    max-width: 260px;
    margin: 0 auto;
  }
}

@media (max-width: 760px) {
  .page-hero {
    padding: 42px 0 12px;
  }

  .page-hero .container {
    padding-top: 18px;
    padding-bottom: 4px;
  }

  .contact-form-card {
    padding: 24px 22px;
  }

  .map-embed {
    height: 300px;
  }
}

/* final header multiline center fix */
.nav-links a,
nav a,
.navbar a {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  line-height: 1.18 !important;
}

.nav-links a {
  font-size: 16px !important;
  font-weight: 700 !important;
  min-height: 52px !important;
  padding: 8px 10px !important;
  display: flex !important;
}

.nav-links li {
  display: flex !important;
  align-items: center !important;
}

.nav-links a br {
  display: block !important;
}

@media (max-width: 1200px) {
  .nav-links a {
    font-size: 15px !important;
    min-height: 48px !important;
  }
}

/* FINAL HEADER BIG + RIGHT */
.nav-links {
  margin-left: 40px !important;
}

.nav-links a {
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px;
}

@media (max-width: 1200px) {
  .nav-links a {
    font-size: 16px !important;
  }
}

/* MAX RIGHT + BIGGER HEADER */
.nav-links {
  margin-left: 80px !important;
}

.nav-links a {
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px;
}

@media (max-width: 1200px) {
  .nav-links {
    margin-left: 20px !important;
  }
  .nav-links a {
    font-size: 16px !important;
  }
}

/* PERFECT MATCH HEADER */
.nav-links {
  margin-left: 30px !important;
  gap: 18px !important;
}

.nav-links a {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px;
  padding: 6px 8px !important;
}

@media (max-width: 1200px) {
  .nav-links {
    margin-left: 10px !important;
  }
  .nav-links a {
    font-size: 13px !important;
  }
}

/* final logo + far right nav */
.header-shell {
  gap: 16px !important;
}

.brand-icon {
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.brand-logo {
  width: 74px !important;
  height: 74px !important;
  object-fit: contain !important;
  display: block !important;
}

.desktop-nav {
  justify-content: flex-end !important;
  margin-left: auto !important;
  gap: 10px !important;
  padding-right: 8px !important;
}

.desktop-nav a {
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: center !important;
  line-height: 1.12 !important;
}

.theme-button {
  margin-left: 0 !important;
  flex-shrink: 0 !important;
}

@media (max-width: 1200px) {
  .brand-logo {
    width: 62px !important;
    height: 62px !important;
  }

  .desktop-nav {
    gap: 8px !important;
    padding-right: 4px !important;
  }

  .desktop-nav a {
    font-size: 13px !important;
  }
}

/* LOGO FULL AREA FIX */
.brand-icon {
  width: 90px !important;
  height: 90px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg,#2dd4bf,#22c55e) !important;
  border-radius: 20px !important;
}

.brand-logo {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 20px !important;
}

/* HUGE LOGO FIX */
.brand-icon {
  width: 140px !important;
  height: 140px !important;
  border-radius: 24px !important;
}

.brand-logo {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* reduce blur / improve clarity */
.brand-logo {
  image-rendering: auto;
}

/* header alignment fix */
.header-shell {
  align-items: center !important;
}

/* CLEAN LOGO ONLY */
.brand-icon {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.brand-logo {
  width: 180px !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Generated logo integration */
.brand-icon{
  background: transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.brand-logo{
  width:200px !important;
  height:auto !important;
  object-fit:contain !important;
}

.success-message{display:none;margin-top:14px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:800;text-align:center;box-shadow:0 10px 28px rgba(0,0,0,.12)}
.success-message.show{display:block;animation:fadeInUp .3s ease}
@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
body:not(.dark-mode) .calc-result .success-message{background:rgba(255,255,255,.22);color:#fff}

.success-message-light{background:#e9fff2;border-color:#bfe9d1;color:#0f7a45;box-shadow:0 10px 28px rgba(15,122,69,.08)}
body.dark-mode .success-message-light{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.22);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.12)}