/*
 * GO USETECH v4.8 — CIYOTA-reference design system.
 * Uses GO USETECH content/assets only. Front-end navigation and public forms
 * share one editorial NGO visual language: navy, blue, orange, crisp white.
 */
:root{
  --ci-blue:#258fc2;
  --ci-blue-deep:#1577a8;
  --ci-navy:#171f4e;
  --ci-navy-deep:#0d1538;
  --ci-orange:#f59a2a;
  --ci-orange-deep:#dc7e13;
  --ci-ice:#eef8fc;
  --ci-cream:#f5f2ed;
  --ci-paper:#ffffff;
  --ci-text:#202844;
  --ci-muted:#697184;
  --ci-line:#e2e6eb;
}

/* Reference-style utility bar and white primary navigation. */
.gtc-site .ciyotaHeader.globalHeader,
.gtc-site .ciyotaHeader.globalHeader.isOverlay,
.gtc-site .ciyotaHeader.globalHeader.is-scrolled{
  position:relative!important;
  inset:auto!important;
  z-index:1000!important;
  width:100%!important;
  background:#fff!important;
  color:var(--ci-navy)!important;
  border-bottom:1px solid rgba(23,31,78,.10)!important;
  box-shadow:0 4px 18px rgba(15,25,60,.06)!important;
}
.gtc-site .ciyotaHeader .globalTopbar,
.gtc-site .ciyotaHeader.isOverlay .globalTopbar,
.gtc-site .ciyotaHeader.is-scrolled .globalTopbar{
  display:block!important;
  max-height:none!important;
  opacity:1!important;
  transform:none!important;
  background:var(--ci-navy)!important;
  border:0!important;
}
.gtc-site .ciyotaHeader .globalTopbarInner{
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
}
.gtc-site .ciyotaHeader .topbarLeft,
.gtc-site .ciyotaHeader .ciyotaTopbarActions{display:flex;align-items:center;gap:12px}
.gtc-site .ciyotaHeader .topbarItem,
.gtc-site .ciyotaHeader .topbarItem .topbarText,
.gtc-site .ciyotaHeader .topbarJourney,
.gtc-site .ciyotaHeader .topbarLanguage,
.gtc-site .ciyotaHeader .topbarDonate{
  color:rgba(255,255,255,.92)!important;
  font-size:11px!important;
  line-height:1!important;
  text-decoration:none!important;
}
.gtc-site .ciyotaHeader .topbarIcon{color:var(--ci-orange)!important}
.gtc-site .ciyotaHeader .topbarDivider{width:1px!important;height:14px!important;background:rgba(255,255,255,.28)!important}
.gtc-site .ciyotaHeader .topbarJourney{font-weight:700}
.gtc-site .ciyotaHeader .topbarJourney span{color:var(--ci-orange)}
.gtc-site .ciyotaHeader .topbarLanguage{font-weight:800;letter-spacing:.08em}
.gtc-site .ciyotaHeader .topbarDonate{display:flex;align-items:center;gap:10px;font-weight:600}
.gtc-site .ciyotaHeader .topbarDonate strong{display:inline-flex;align-items:center;min-height:40px;margin:-1px -1px -1px 0;padding:0 15px;background:var(--ci-orange);font-size:10px;letter-spacing:.08em}
.gtc-site .ciyotaHeader .topbarDonate:hover strong{background:var(--ci-orange-deep)}

.gtc-site .ciyotaHeader .globalNav{
  width:min(1240px,calc(100% - 64px))!important;
  height:84px!important;
  min-height:84px!important;
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
  background:#fff!important;
}
.gtc-site .ciyotaHeader .globalBrand{height:72px!important;min-width:150px!important;display:flex!important;align-items:center!important}
.gtc-site .ciyotaHeader .globalBrand img{display:block!important;max-height:66px!important;width:auto!important;filter:none!important}
.gtc-site .ciyotaHeader .megaNav{margin-left:auto!important;display:flex!important;align-items:center!important;gap:22px!important}
.gtc-site .ciyotaHeader .megaNav>a,
.gtc-site .ciyotaHeader .megaItem>button{
  position:relative!important;
  min-height:84px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border:0!important;
  background:none!important;
  color:var(--ci-navy)!important;
  font:700 11px/1 Manrope,system-ui,sans-serif!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.gtc-site .ciyotaHeader .megaNav>a:after,
.gtc-site .ciyotaHeader .megaItem>button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ci-orange);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.gtc-site .ciyotaHeader .megaNav>a:hover:after,
.gtc-site .ciyotaHeader .megaItem:hover>button:after{transform:scaleX(1)}
.gtc-site .ciyotaHeader .megaItem>button span{font-size:8px!important;color:var(--ci-blue-deep)!important}
.gtc-site .ciyotaHeader .navActions{display:flex!important;align-items:center!important;margin-left:4px!important}
.gtc-site .ciyotaHeader .navActions .donateButton{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;padding:0 18px!important;border:0!important;border-radius:0!important;
  background:var(--ci-orange)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;text-decoration:none!important;
}
.gtc-site .ciyotaHeader .navActions .donateButton:hover{background:var(--ci-orange-deep)!important}
.gtc-site .ciyotaHeader .megaPanel.megaGlass{
  top:calc(100% - 1px)!important;
  border:1px solid var(--ci-line)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 24px 60px rgba(13,21,56,.16)!important;
  color:var(--ci-navy)!important;
}
.gtc-site .ciyotaHeader .megaGlassHead{background:var(--ci-navy)!important;border-radius:0!important}
.gtc-site .ciyotaHeader .megaGlassHead span{color:#fff!important}
.gtc-site .ciyotaHeader .megaGlassHead p{color:rgba(255,255,255,.72)!important}
.gtc-site .ciyotaHeader .megaGlassLinks a{border-radius:0!important}
.gtc-site .ciyotaHeader .megaGlassLinks a:hover{background:var(--ci-ice)!important}
.gtc-site .ciyotaHeader .megaGlassLinks a b{color:var(--ci-navy)!important}
.gtc-site .ciyotaHeader .megaGlassLinks a span{color:var(--ci-muted)!important}

/* Public-facing CIYOTA-style forms. Finance/admin selectors are intentionally excluded. */
.gtc-site .gtc-interest-form,
.gtc-site .jobApplyCard,
.gtc-site .eventSidebarCard,
.gtc-site .eventSidebarHelp{
  border-radius:0!important;
}
.gtc-site .gtc-interest-form{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px 20px!important;
  padding:46px!important;
  border:1px solid var(--ci-line)!important;
  background:#fff!important;
  box-shadow:0 18px 50px rgba(13,21,56,.08)!important;
  overflow:hidden!important;
}
.gtc-site .gtc-interest-form:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--ci-blue) 0 72%,var(--ci-orange) 72% 100%)}
.gtc-site .gtc-interest-form .gtc-form-heading,
.gtc-site .gtc-interest-form .gtc-form-message,
.gtc-site .gtc-interest-form>button{grid-column:1/-1!important}
.gtc-site .gtc-interest-form .gtc-form-heading{padding-bottom:22px;margin-bottom:2px;border-bottom:1px solid var(--ci-line)}
.gtc-site .gtc-interest-form .gtc-form-heading>span{color:var(--ci-blue-deep)!important;font-size:10px!important;letter-spacing:.14em!important}
.gtc-site .gtc-interest-form .gtc-form-heading h2{margin:8px 0 10px!important;color:var(--ci-navy)!important;font:700 clamp(30px,4vw,44px)/1.05 Outfit,Manrope,sans-serif!important;letter-spacing:-.035em!important}
.gtc-site .gtc-interest-form .gtc-form-heading p{max-width:700px;margin:0!important;color:var(--ci-muted)!important;font-size:13px!important;line-height:1.7!important}
.gtc-site .gtc-interest-form label{display:block!important}
.gtc-site .gtc-interest-form label>span,
.gtc-site .jobApplyCard label>span{display:block!important;margin:0 0 8px!important;color:var(--ci-navy)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important}
.gtc-site .gtc-interest-form input:not([type="checkbox"]),
.gtc-site .gtc-interest-form select,
.gtc-site .gtc-interest-form textarea,
.gtc-site .jobApplyCard input:not([type="checkbox"]),
.gtc-site .jobApplyCard select,
.gtc-site .jobApplyCard textarea{
  width:100%!important;
  min-height:52px!important;
  padding:13px 15px!important;
  border:1px solid #d9dfe7!important;
  border-radius:0!important;
  outline:none!important;
  background:#fbfcfd!important;
  color:var(--ci-text)!important;
  font-size:13px!important;
  box-shadow:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.gtc-site .gtc-interest-form textarea,
.gtc-site .jobApplyCard textarea{min-height:150px!important;resize:vertical!important}
.gtc-site .gtc-interest-form input:focus,
.gtc-site .gtc-interest-form select:focus,
.gtc-site .gtc-interest-form textarea:focus,
.gtc-site .jobApplyCard input:focus,
.gtc-site .jobApplyCard select:focus,
.gtc-site .jobApplyCard textarea:focus{border-color:var(--ci-blue)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(37,143,194,.10)!important}
.gtc-site .gtc-interest-form .gtc-form-full{grid-column:1/-1!important}
.gtc-site .gtc-interest-form>button,
.gtc-site .jobApplyCard button[type="submit"]{
  min-height:54px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:0!important;border-radius:0!important;
  background:var(--ci-orange)!important;color:#fff!important;
  font-size:11px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important;
  box-shadow:none!important;
}
.gtc-site .gtc-interest-form>button:hover,
.gtc-site .jobApplyCard button[type="submit"]:hover{background:var(--ci-orange-deep)!important}
.gtc-site .gtc-form-message{border-radius:0!important;border-left:4px solid var(--ci-blue)!important}
.gtc-site .jobApplyCard{padding:32px!important;border:1px solid var(--ci-line)!important;background:#fff!important;box-shadow:0 18px 45px rgba(13,21,56,.08)!important}
.gtc-site .jobApplyCard>span{color:var(--ci-blue-deep)!important}
.gtc-site .jobApplyCard h2{color:var(--ci-navy)!important;font-family:Outfit,Manrope,sans-serif!important}
.gtc-site .createApplicantAccount{border-radius:0!important;background:var(--ci-ice)!important}

/* Footer: clean deep-navy NGO ending. */
.gtc-site .globalFooter{background:var(--ci-navy-deep)!important}
.gtc-site .globalFooterCta{border-top:0!important}
.gtc-site .globalFooterCta>div:last-child a{border-radius:0!important}
.gtc-site .globalFooterCta .footerDonate{background:var(--ci-orange)!important;color:#fff!important}
.gtc-site .globalFooterColumn>span{color:var(--ci-orange)!important}

@media(max-width:1120px){
  .gtc-site .ciyotaHeader .globalNav{width:calc(100% - 44px)!important;height:76px!important;min-height:76px!important}
  .gtc-site .ciyotaHeader .megaNav,.gtc-site .ciyotaHeader .navActions{display:none!important}
  .gtc-site .ciyotaHeader .globalMobileMenu{display:block!important;margin-left:auto!important}
}
@media(max-width:760px){
  .gtc-site .ciyotaHeader .globalTopbar{display:none!important}
  .gtc-site .ciyotaHeader .globalNav{width:calc(100% - 30px)!important;height:70px!important;min-height:70px!important}
  .gtc-site .ciyotaHeader .globalBrand{height:60px!important;min-width:0!important}
  .gtc-site .ciyotaHeader .globalBrand img{max-height:56px!important}
  .gtc-site .gtc-interest-form{grid-template-columns:1fr!important;padding:30px 20px!important;gap:18px!important}
  .gtc-site .gtc-interest-form>*{grid-column:1!important}
}


/* ==========================================================================
 * v4.9.1 — compact navigation, stable dropdowns and three quick-action buttons
 * ======================================================================= */
.gtc-site .ciyotaHeader .globalTopbarInner{min-height:46px!important}
.gtc-site .ciyotaHeader .topbarLeft{min-width:0;gap:10px!important}
.gtc-site .ciyotaHeader .topbarQuickButtons{gap:8px!important;flex-wrap:nowrap}
.gtc-site .ciyotaHeader .topbarAction{
  min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:0 13px;border-radius:5px;color:#fff!important;text-decoration:none!important;
  font:800 10px/1 Manrope,system-ui,sans-serif!important;letter-spacing:.045em;white-space:nowrap;
  box-shadow:0 4px 14px rgba(0,0,0,.10);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
.gtc-site .ciyotaHeader .topbarAction:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 7px 18px rgba(0,0,0,.16)}
.gtc-site .ciyotaHeader .topbarAction span{font-size:11px;line-height:1}
.gtc-site .ciyotaHeader .topbarElearning{background:#258fc2!important}
.gtc-site .ciyotaHeader .topbarDonateQuick{background:#f59a2a!important;color:#171f4e!important}
.gtc-site .ciyotaHeader .topbarSell{background:#1f8a61!important}

/* Shorter, better-balanced main navigation. */
.gtc-site .ciyotaHeader .globalNav{
  height:72px!important;min-height:72px!important;gap:22px!important;
  width:min(1240px,calc(100% - 56px))!important;overflow:visible!important;
}
.gtc-site .ciyotaHeader .globalBrand{height:64px!important;min-width:138px!important}
.gtc-site .ciyotaHeader .globalBrand img{max-height:58px!important;width:auto!important}
.gtc-site .ciyotaHeader .megaNav{height:72px!important;gap:20px!important;overflow:visible!important}
.gtc-site .ciyotaHeader .megaNav>a,
.gtc-site .ciyotaHeader .megaItem>button{min-height:72px!important;height:72px!important;font-size:10.5px!important}
.gtc-site .ciyotaHeader .megaItem{height:72px!important;overflow:visible!important}

/* Dropdowns stay inside the viewport, open directly below the menu and do not
   inherit the old 350px minimum height. */
.gtc-site .ciyotaHeader .megaPanel.megaGlass{
  top:calc(100% - 1px)!important;width:min(720px,calc(100vw - 32px))!important;
  min-width:320px!important;max-width:calc(100vw - 32px)!important;min-height:0!important;
  max-height:min(520px,calc(100vh - 135px))!important;overflow:auto!important;
  padding:20px!important;border-radius:0 0 12px 12px!important;z-index:9999!important;
  left:50%!important;right:auto!important;transform:translate(-50%,10px)!important;
}
.gtc-site .ciyotaHeader .megaItem:hover .megaPanel.megaGlass,
.gtc-site .ciyotaHeader .megaItem:focus-within .megaPanel.megaGlass,
.gtc-site .ciyotaHeader .megaItem.is-open .megaPanel.megaGlass{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important;
}
/* The last two menus sit near the right edge; anchor them to the right instead
   of allowing the panel to run off-screen. */
.gtc-site .ciyotaHeader .megaItem:nth-of-type(n+3) .megaPanel.megaGlass{left:auto!important;right:-10px!important;transform:translateY(10px)!important}
.gtc-site .ciyotaHeader .megaItem:nth-of-type(n+3):hover .megaPanel.megaGlass,
.gtc-site .ciyotaHeader .megaItem:nth-of-type(n+3):focus-within .megaPanel.megaGlass,
.gtc-site .ciyotaHeader .megaItem:nth-of-type(n+3).is-open .megaPanel.megaGlass{transform:translateY(0)!important}
.gtc-site .ciyotaHeader .megaGlassHead{padding:14px 16px!important;margin:-20px -20px 12px!important}
.gtc-site .ciyotaHeader .megaGlassHead span{font-size:11px!important;letter-spacing:.11em!important}
.gtc-site .ciyotaHeader .megaGlassHead p{margin-top:5px!important;font-size:11px!important;line-height:1.45!important}
.gtc-site .ciyotaHeader .megaGlassLinks{gap:5px 12px!important;column-rule:0!important}
.gtc-site .ciyotaHeader .megaPanel.megaGlass[data-columns="2"] .megaGlassLinks{grid-template-columns:repeat(2,minmax(220px,1fr))!important}
.gtc-site .ciyotaHeader .megaPanel.megaGlass[data-columns="3"] .megaGlassLinks{grid-template-columns:repeat(2,minmax(220px,1fr))!important}
.gtc-site .ciyotaHeader .megaGlassLinks a{padding:11px 34px 11px 12px!important;border-bottom:1px solid #edf0f4!important}
.gtc-site .ciyotaHeader .megaGlassLinks a:last-child{border-bottom-color:transparent!important}
.gtc-site .ciyotaHeader .megaGlassLinks a b{font-size:12px!important;line-height:1.3!important}
.gtc-site .ciyotaHeader .megaGlassLinks a span{font-size:10px!important;line-height:1.35!important}

/* Mobile quick actions mirror the top bar so phones still expose all three. */
.gtc-site .mobileQuickActions{display:grid;grid-template-columns:1fr;gap:8px;padding:12px 0 2px}
.gtc-site .mobileQuickActions .mobileQuick{display:flex!important;align-items:center;justify-content:center;min-height:42px!important;padding:0 14px!important;color:#fff!important;text-decoration:none!important;font-weight:800!important;border-radius:4px!important}
.gtc-site .mobileQuickActions .elearning{background:#258fc2!important}
.gtc-site .mobileQuickActions .donate{background:#f59a2a!important;color:#171f4e!important}
.gtc-site .mobileQuickActions .sell{background:#1f8a61!important}

@media(max-width:1180px){
  .gtc-site .ciyotaHeader .topbarAction{padding-inline:10px;font-size:9.5px!important}
  .gtc-site .ciyotaHeader .globalNav{height:68px!important;min-height:68px!important}
  .gtc-site .ciyotaHeader .globalBrand{height:60px!important}
  .gtc-site .ciyotaHeader .globalBrand img{max-height:54px!important}
}
@media(max-width:900px){
  .gtc-site .ciyotaHeader .topbarText{display:none!important}
  .gtc-site .ciyotaHeader .topbarAction{min-height:30px;padding-inline:9px;font-size:9px!important}
}
@media(max-width:760px){
  .gtc-site .ciyotaHeader .globalNav{height:66px!important;min-height:66px!important;width:calc(100% - 28px)!important}
  .gtc-site .ciyotaHeader .globalBrand{height:58px!important}
  .gtc-site .ciyotaHeader .globalBrand img{max-height:52px!important}
}