:root{--green:#0a7a83;--green-dark:#0862ad;--green-soft:#eef7fb;--orange:#d79a1e;--navy:#061f4b;--navy-dark:#031735;--text:#14223d;--muted:#66748a;--white:#fff;--line:#d8e2ee;--gold:#d79a1e;--gold2:#f5c75d;--teal:#0a7a83;--blue:#0862ad;--soft:#f5f8fc;--shadow:0 16px 44px rgba(6,31,75,.12);--radius:22px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.top-strip{height:5px;background:var(--gold)}
header{position:sticky;top:0;z-index:50;color:#fff;background:radial-gradient(circle at 85% 12%,rgba(63,154,255,.24),transparent 30%),linear-gradient(125deg,#02173c,#082e64 70%,#03183c);border-bottom:1px solid rgba(245,199,93,.35);box-shadow:0 8px 24px rgba(3,23,53,.14)}
.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:13px;color:#fff}
.brand img{width:auto;height:62px;object-fit:contain}
.brandname{font-weight:900;letter-spacing:.06em;line-height:1.05}
.brandname small{display:block;margin-top:7px;color:#cbe0f7;font-size:.72rem;letter-spacing:.09em}
.links{display:flex;align-items:center;gap:6px;font-weight:650;font-size:.92rem}
.links a{color:#d9e9fb;padding:8px 11px;border-radius:999px;transition:background .2s,color .2s,transform .2s}
.links a:hover,.links a:focus{color:#fff;background:rgba(255,255,255,.12);outline:none}
.register-small{padding:9px 14px!important;color:#061f4b!important;background:var(--gold);box-shadow:0 6px 18px rgba(215,154,30,.24);font-weight:850}
.register-small:hover,.register-small:focus{background:var(--gold2)!important;color:#061f4b!important;transform:translateY(-1px)}
.menu-btn{display:none;border:1px solid rgba(245,199,93,.45);background:rgba(255,255,255,.08);border-radius:10px;padding:6px 10px;font-size:1.45rem;color:#fff;cursor:pointer}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 10%,rgba(8,98,173,.10),transparent 26%),radial-gradient(circle at 8% 86%,rgba(10,122,131,.10),transparent 30%),linear-gradient(135deg,#f7faff 0%,#fff 46%,#f3f7fc 100%);padding:84px 0 74px}.hero:after{content:"";position:absolute;right:-120px;bottom:-160px;width:420px;height:420px;border:1px solid rgba(18,59,92,.08);border-radius:50%;box-shadow:0 0 0 55px rgba(10,122,131,.035),0 0 0 110px rgba(215,154,30,.03)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:56px;position:relative;z-index:1}.eyebrow,.section-label{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.76rem;color:var(--green)}.eyebrow{background:var(--green-soft);padding:8px 12px;border-radius:999px}.hero h1{font-size:clamp(2.55rem,5vw,5rem);line-height:1.02;letter-spacing:-.055em;color:var(--navy-dark);margin:22px 0 16px}.theme{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:800;color:var(--green);line-height:1.35;margin:0 0 16px}.lead{font-size:1.06rem;color:var(--muted);max-width:720px}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:800;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(244,122,0,.24)}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--navy)}.hero-card{background:linear-gradient(160deg,var(--navy),var(--navy-dark));color:#fff;border-radius:30px;padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:220px;height:220px;right:-100px;bottom:-120px;border-radius:50%;background:rgba(244,122,0,.18)}.hero-emblem{background:#fff;border-radius:18px;padding:14px;width:170px;margin-bottom:18px}.hero-card h2{font-size:1.45rem;margin:0 0 10px}.details{margin:0}.details div{padding:16px 0;border-top:1px solid rgba(255,255,255,.14)}.details dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#add4e6;font-weight:800}.details dd{margin:4px 0 0;font-size:1.05rem;font-weight:750}.section{padding:88px 0}.soft{background:var(--soft)}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.section h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;color:var(--navy-dark);letter-spacing:-.04em;margin:14px 0 34px}.prose{font-size:1.08rem;color:var(--muted)}.prose p:first-child{margin-top:0}.grid{display:grid;gap:20px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.card,.topic{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 12px 34px rgba(6,31,75,.06)}.card{min-height:235px;display:flex;flex-direction:column;justify-content:space-between}.card p{font-weight:750;font-size:1.02rem;margin:28px 0 0}.num{font-size:2rem;font-weight:900;color:var(--orange)}.audience-section{background:linear-gradient(125deg,var(--navy-dark),var(--navy));color:#fff}.section-label.light{color:#8fdce2}.audience-section h2{color:#fff}.audience-copy{font-size:1.28rem;margin:0;color:#d8e7ef}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:20px 0}.check span{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-weight:900}.check p{margin:3px 0;font-weight:750}.topic{min-height:180px}.icon{display:inline-grid;place-items:center;min-width:54px;height:54px;padding:0 12px;border-radius:16px;background:var(--green-soft);color:var(--green-dark);font-weight:900;font-size:.78rem}.topic:nth-child(3n+2) .icon{background:#fff1e4;color:#9b6b00}.topic:nth-child(3n) .icon{background:#e9f2f8;color:var(--navy)}.topic h3{line-height:1.3;color:var(--navy-dark);margin:24px 0 0}.application-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 34px}.application-list div{padding:20px 0 20px 28px;border-bottom:1px solid var(--line);font-weight:750;position:relative}.application-list div:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--orange);position:absolute;left:0;top:28px}.cta-section{padding:0 0 88px}.cta-box{background:linear-gradient(130deg,var(--navy),var(--teal));border-radius:30px;color:#fff;padding:54px;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:var(--shadow)}.cta-box h2{font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin:12px 0}.cta-box p{margin:0;color:#e7f4fb}.btn-white{background:#fff;color:var(--navy)}.btn-outline-white{border:1px solid rgba(255,255,255,.55);color:#fff}.cta-actions{flex-direction:column;min-width:210px}.cta-actions .btn{width:100%}footer{padding:26px 0;background:#031735;color:#d3e2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.55}footer .container.foot{width:min(1180px,92vw);margin:auto}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}footer small{color:#9fb0c8}@media(max-width:920px){.menu-btn{display:block}.links{display:none;position:absolute;left:20px;right:20px;top:82px;background:rgba(3,23,53,.98);border:1px solid rgba(245,199,93,.32);border-radius:18px;padding:16px;box-shadow:0 18px 44px rgba(3,23,53,.28);flex-direction:column;align-items:stretch}.links.open{display:flex}.links a{text-align:center;color:#e6f1ff}.links .register-small{text-align:center}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{gap:36px}.four{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(2,1fr)}.cta-box{flex-direction:column;align-items:flex-start}.cta-actions{width:100%;flex-direction:row}}@media(max-width:620px){.container{width:min(var(--max),calc(100% - 28px))}footer .container.foot{width:min(100% - 28px,1180px)}.brand img{height:50px}.brandname{font-size:.82rem}.brandname small{font-size:.60rem;margin-top:5px}.hero{padding:58px 0}.section{padding:64px 0}.four,.three,.check-grid,.application-list{grid-template-columns:1fr}.card{min-height:180px}.cta-box{padding:34px 24px}.cta-actions{flex-direction:column}}


/* =========================================================
   FIXED HERO LOGO AND COMPACT OBJECTIVE CARDS
   ========================================================= */
.hero-logo-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 600px);
  min-height: 174px;
  margin-bottom: 24px;
  padding: 16px 22px;
  border: 1px solid rgba(18,59,92,.09);
  border-radius: 22px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 16px 38px rgba(6,31,75,.09);
  animation: logoEntrance .65s ease both;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.hero-logo-wrapper:hover {
  transform: translateY(-4px);
  border-color: rgba(10,122,131,.28);
  box-shadow: 0 24px 48px rgba(6,31,75,.14);
}
.hero-logo {
  width: 100%;
  max-width: 550px;
  height: auto;
  max-height: none;
  object-fit: contain;
  transition: transform .25s ease;
}
.hero-logo-wrapper:hover .hero-logo { transform: scale(1.025); }
.hero-emblem { display: none; }
.objectives-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}
.objective-card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 19px 20px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(6,31,75,.06);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.objective-card::before {
  content: "";
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin-top: 8px;
  border-radius: 50%;
  background: var(--orange);
  box-shadow: 0 0 0 6px #fff6e5;
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
}
.objective-card::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg,var(--green),var(--orange));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .24s ease;
}
.objective-card:hover {
  transform: translateY(-4px);
  border-color: rgba(10,122,131,.30);
  box-shadow: 0 16px 34px rgba(6,31,75,.12);
}
.objective-card:hover::before {
  transform: scale(1.08);
  background: var(--green);
  box-shadow: 0 0 0 7px var(--green-soft);
}
.objective-card:hover::after { transform: scaleX(1); }
.objective-card p {
  margin: 0;
  color: var(--navy-dark);
  font-size: 1rem;
  font-weight: 730;
  line-height: 1.5;
}
.topic, .check, .application-list div {
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.topic:hover, .check:hover {
  transform: translateY(-3px);
  border-color: rgba(10,122,131,.28);
  box-shadow: 0 12px 28px rgba(6,31,75,.10);
}
.application-list div:hover {
  transform: translateX(4px);
  color: var(--green-dark);
}
@keyframes logoEntrance {
  from { opacity: 0; transform: translateY(-12px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media(max-width:920px) {
  .hero-logo-wrapper { width: min(100%,600px); }
}
@media(max-width:620px) {
  .hero-logo-wrapper {
    width: 100%;
    min-height: 112px;
    margin-bottom: 18px;
    padding: 12px 15px;
    border-radius: 17px;
  }
  .hero-logo { max-width: 100%; height: auto; max-height: none; }
  .objectives-grid { grid-template-columns: 1fr; }
  .objective-card { padding: 17px; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-logo-wrapper { animation: none; }
}

/* =========================================================
   LARGE FULL-WIDTH TECHNOLOGY CARD HEADERS
   ========================================================= */
.topic-grid .topic {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}

.topic-grid .icon {
  width: 100%;
  min-width: 100%;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 0;
  font-size: clamp(1.55rem, 2.4vw, 2.15rem);
  font-weight: 900;
  letter-spacing: .09em;
  text-align: center;
  transition: color .22s ease, background .22s ease, letter-spacing .22s ease;
}

.topic-grid .topic h3 {
  display: flex;
  align-items: center;
  flex: 1;
  min-height: 96px;
  margin: 0;
  padding: 22px 24px;
  color: var(--navy-dark);
  font-size: 1.08rem;
  line-height: 1.4;
  transition: color .22s ease, transform .22s ease;
}

.topic-grid .topic:nth-child(1) .icon,
.topic-grid .topic:nth-child(4) .icon {
  color: var(--green-dark);
  background: var(--green-soft);
}

.topic-grid .topic:nth-child(2) .icon,
.topic-grid .topic:nth-child(5) .icon {
  color: #9b6b00;
  background: #fff6e5;
}

.topic-grid .topic:nth-child(3) .icon,
.topic-grid .topic:nth-child(6) .icon {
  color: var(--navy);
  background: #edf4fb;
}

.topic-grid .topic:hover {
  transform: translateY(-5px);
  border-color: rgba(10,122,131,.30);
  box-shadow: 0 18px 38px rgba(6,31,75,.14);
}

.topic-grid .topic:nth-child(1):hover .icon,
.topic-grid .topic:nth-child(4):hover .icon {
  color: #fff;
  background: var(--green);
  letter-spacing: .13em;
}

.topic-grid .topic:nth-child(2):hover .icon,
.topic-grid .topic:nth-child(5):hover .icon {
  color: #fff;
  background: var(--orange);
  letter-spacing: .13em;
}

.topic-grid .topic:nth-child(3):hover .icon,
.topic-grid .topic:nth-child(6):hover .icon {
  color: #fff;
  background: var(--navy);
  letter-spacing: .13em;
}

.topic-grid .topic:hover .icon {
  transform: none;
}

.topic-grid .topic:hover h3 {
  color: var(--green-dark);
  transform: translateX(3px);
}

@media (max-width: 920px) {
  .topic-grid .icon {
    height: 86px;
    font-size: clamp(1.4rem, 3vw, 1.9rem);
  }

  .topic-grid .topic h3 {
    min-height: 88px;
    padding: 20px 22px;
  }
}

@media (max-width: 620px) {
  .topic-grid .icon {
    height: 78px;
    font-size: 1.4rem;
  }

  .topic-grid .topic h3 {
    min-height: 0;
    padding: 18px 19px;
    font-size: 1rem;
  }

  .topic-grid .topic:hover h3 {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .topic-grid .topic,
  .topic-grid .icon,
  .topic-grid .topic h3 {
    transition: none;
  }

  .topic-grid .topic:hover {
    transform: none;
  }
}

/* ICT visual alignment refinements */
.hero-logo-wrapper{border-color:rgba(8,98,173,.12);box-shadow:0 16px 38px rgba(6,31,75,.09)}
.hero-logo-wrapper:hover{border-color:rgba(10,122,131,.30);box-shadow:0 24px 48px rgba(6,31,75,.14)}
.eyebrow{color:var(--teal);background:#eaf7f8}
.theme{color:var(--teal)}
.btn-primary{background:var(--gold);color:#061f4b;box-shadow:0 10px 24px rgba(215,154,30,.24)}
.btn-primary:hover{background:var(--gold2)}
.hero-card{background:linear-gradient(160deg,var(--navy),var(--navy-dark))}
.hero-card:after{background:rgba(215,154,30,.18)}
.details dt{color:#b8d7f5}
.check span{background:var(--teal)}
.application-list div:before{background:var(--gold)}
.footer-brand img{border:1px solid rgba(245,199,93,.22)}


/* =========================================================
   MULTILINGUAL HEADER CONTROLS
   ========================================================= */
.nav-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  min-width:0;
}
.lang-switcher{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(245,199,93,.45);
  border-radius:999px;
  padding:3px;
  gap:2px;
}
.lang-btn{
  border:0;
  background:transparent;
  color:#d9e9fb;
  padding:5px 9px;
  border-radius:999px;
  font:inherit;
  font-size:.76rem;
  font-weight:850;
  line-height:1.2;
  cursor:pointer;
  transition:background .2s,color .2s,transform .2s;
}
.lang-btn:hover,.lang-btn:focus{
  color:#fff;
  background:rgba(255,255,255,.14);
  outline:none;
}
.lang-btn.active{
  color:#061f4b;
  background:var(--gold);
  box-shadow:0 2px 7px rgba(0,0,0,.22);
}
@media(max-width:1120px){
  .menu-btn{display:block}
  .links{
    display:none;
    position:absolute;
    left:20px;
    right:20px;
    top:82px;
    background:rgba(3,23,53,.99);
    border:1px solid rgba(245,199,93,.32);
    border-radius:18px;
    padding:16px;
    box-shadow:0 18px 44px rgba(3,23,53,.28);
    flex-direction:column;
    align-items:stretch;
    z-index:60;
  }
  .links.open{display:flex}
  .links a{text-align:center;color:#e6f1ff}
  .links .register-small{text-align:center}
}
@media(max-width:620px){
  .nav{gap:10px}
  .nav-actions{gap:7px}
  .lang-btn{padding:5px 7px;font-size:.70rem}
}
@media(max-width:480px){
  .brandname{display:none}
  .brand img{height:48px}
  .lang-switcher{gap:0}
  .lang-btn{padding:5px 6px;font-size:.68rem}
}