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

:root {
  --ink: #0b1814;
  --muted: #66736e;
  --paper: #f4f7f5;
  --white: #fff;
  --green-950: #03130f;
  --green-900: #061d16;
  --green-850: #09271e;
  --green-800: #0b3327;
  --green-700: #0f5039;
  --green-600: #137b4f;
  --green-500: #24a866;
  --gold: #d8ac4c;
  --gold-light: #f0d487;
  --gold-dark: #176b4d;
  --line: #dce4e0;
  --shadow: 0 20px 55px rgba(5, 35, 26, .1);
  --radius: 22px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 94px; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: 'Tajawal', Tahoma, Arial, sans-serif; line-height: 1.75; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
p { text-align: justify; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.25; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.section { padding: 112px 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 8px; right: -9999px; z-index: 9999; background: var(--gold); color: var(--green-950); padding: 10px 18px; border-radius: 8px; font-weight: 800; }
.skip-link:focus { right: 8px; }

.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 1px solid transparent; border-radius: 12px; padding: 12px 23px; font-weight: 800; line-height: 1; transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease; }
.button:hover { transform: translateY(-2px); }
.button-sm { min-height: 42px; padding: 10px 16px; border-radius: 10px; font-size: 14px; }
.button-block { width: 100%; }
.button-gold { color: #1a160d; background: linear-gradient(135deg, var(--gold-light), var(--gold)); box-shadow: 0 12px 28px rgba(216, 172, 76, .2); }
.button-gold:hover { box-shadow: 0 16px 36px rgba(216, 172, 76, .34); }
.button-glass { color: white; border-color: rgba(255,255,255,.26); background: rgba(255,255,255,.08); backdrop-filter: blur(10px); }
.button-glass:hover { background: rgba(255,255,255,.15); }
.button-soft { color: var(--green-800); background: #e9f2ee; border-color: #d9e8e1; }
.button-dark { color: white; background: var(--green-900); }
.button-ghost { color: white; border-color: rgba(255,255,255,.24); background: transparent; }
.button-outline-light { color: white; border-color: rgba(255,255,255,.4); background: transparent; }
.button-outline-dark { color: var(--green-800); border-color: #b8c9c1; background: white; }
.text-link { color: var(--green-600); font-weight: 800; display: inline-flex; gap: 10px; align-items: center; }
.text-link span { transition: transform .2s; }.text-link:hover span { transform: translateX(-5px); }

.eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; color: var(--green-600); font-size: 13px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.eyebrow::before { display: none; /* removed dash */ }
.section-heading.center p { text-align: center; }
.eyebrow-light { color: var(--gold-light); }
.section-heading h2 { margin-bottom: 22px; max-width: 690px; font-size: clamp(34px, 4vw, 56px); letter-spacing: -.04em; }
.section-heading p { max-width: 650px; color: var(--muted); font-size: 18px; }
.section-heading.center { text-align: center; margin-bottom: 64px; }
.section-heading.center h2, .section-heading.center p { margin-inline: auto; }
.section-heading-row { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 60px; }
.section-heading-row p { width: 420px; margin-bottom: 4px; }

.site-header { position: absolute; top: 0; right: 0; left: 0; z-index: 100; color: #fff; border-bottom: 1px solid rgba(255,255,255,.12); transition: background .25s, transform .25s; }
.site-header.is-sticky { position: fixed; background: rgba(4, 27, 20, .94); backdrop-filter: blur(16px); box-shadow: 0 10px 30px rgba(0,0,0,.12); }
.header-inner { min-height: 90px; display: flex; align-items: center; gap: 30px; }
.brand { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; }
.brand img { width: 133px; height: auto; }
.brand span { display: grid; line-height: 1.35; border-right: 1px solid rgba(255,255,255,.2); padding-right: 14px; }
.brand b { font-size: 14px; }.brand small { color: rgba(255,255,255,.62); font-size: 11px; }
.main-nav { display: flex; align-items: center; gap: 24px; margin-inline: auto; font-size: 14px; font-weight: 700; }
.main-nav a { position: relative; color: rgba(255,255,255,.82); }
.main-nav a::after { content: ''; position: absolute; height: 2px; width: 0; bottom: -11px; right: 0; background: var(--gold); transition: width .25s; }
.main-nav a:hover { color: white; }.main-nav a:hover::after { width: 100%; }
.header-actions { display: flex; gap: 12px; align-items: center; }
.header-login { font-size: 13px; font-weight: 800; }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 10px; border: 0; border-radius: 10px; background: rgba(255,255,255,.1); }
.menu-toggle > span:not(.sr-only) { display: block; height: 2px; margin: 5px 0; background: white; }

.hero { position: relative; min-height: 890px; overflow: hidden; color: #fff; background: radial-gradient(circle at 18% 20%, rgba(35, 171, 102, .18), transparent 29%), linear-gradient(125deg, var(--green-950), #0a2e22 56%, #0b4d31); padding: 150px 0 0; }
.hero::before { content: ''; position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to left, black, transparent 72%); }
.hero-lines { position: absolute; width: 850px; height: 850px; left: -280px; top: -100px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: inset 0 0 0 70px rgba(255,255,255,.018), inset 0 0 0 140px rgba(255,255,255,.018), inset 0 0 0 210px rgba(255,255,255,.018); }
.hero-orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(218,177,80,.22); transform: rotate(-18deg); }
.orbit-one { width: 650px; height: 240px; left: -110px; top: 310px; }.orbit-two { width: 820px; height: 330px; left: -220px; top: 250px; }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; min-height: 620px; gap: 45px; }
.hero-copy { padding-bottom: 60px; }
.hero-kicker { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 24px; color: var(--gold-light); font-size: 14px; font-weight: 800; }
.hero-kicker span { width: 36px; height: 1px; background: currentColor; }
.hero h1 { margin-bottom: 28px; font-size: clamp(50px, 5.6vw, 82px); font-weight: 900; letter-spacing: -.055em; }
.hero h1 em { color: var(--gold-light); font-style: normal; font-size: .57em; font-weight: 700; letter-spacing: -.02em; }
.hero-copy > p { max-width: 670px; color: rgba(255,255,255,.74); font-size: 20px; line-height: 1.95; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px; }
.hero-trust { display: flex; align-items: center; gap: 10px; margin-top: 30px; color: rgba(255,255,255,.58); font-size: 13px; }
.pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: #45d687; box-shadow: 0 0 0 0 rgba(69,214,135,.5); animation: pulse 2s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 10px rgba(69,214,135,0); } 100% { box-shadow: 0 0 0 0 rgba(69,214,135,0); } }
.hero-visual { position: relative; height: 620px; display: flex; align-items: end; justify-content: center; }
.shield-image { position: relative; z-index: 3; height: 600px; width: auto; object-fit: contain; filter: drop-shadow(0 35px 32px rgba(0,0,0,.38)); transform: translateY(28px); }
.shield-glow { position: absolute; z-index: 1; width: 390px; height: 390px; bottom: 80px; border-radius: 50%; background: radial-gradient(circle, rgba(225,181,79,.28), rgba(225,181,79,.06) 48%, transparent 70%); filter: blur(4px); }
.score-ring { position: absolute; z-index: 4; top: 60px; left: 0; width: 116px; height: 116px; display: grid; place-content: center; text-align: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: rgba(6,36,27,.65); backdrop-filter: blur(12px); }
.score-ring::before { content: ''; position: absolute; inset: -7px; border: 2px solid transparent; border-top-color: var(--gold); border-left-color: var(--gold); border-radius: 50%; transform: rotate(20deg); }
.score-ring span, .score-ring small { font-size: 10px; color: rgba(255,255,255,.65); }.score-ring strong { display: block; font-size: 35px; line-height: 1; color: var(--gold-light); }
.floating-card { position: absolute; z-index: 5; display: flex; align-items: center; gap: 11px; padding: 13px 16px; border: 1px solid rgba(255,255,255,.2); border-radius: 14px; background: rgba(5,32,24,.76); backdrop-filter: blur(12px); box-shadow: 0 16px 35px rgba(0,0,0,.18); }
.floating-card b { font-size: 24px; color: var(--gold-light); }.floating-card span { max-width: 105px; font-size: 12px; line-height: 1.35; color: rgba(255,255,255,.77); }
.card-axes { right: -5px; top: 245px; }.card-sdgs { left: -18px; bottom: 75px; }
.hero-metrics { position: relative; z-index: 5; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.12); }
.hero-metrics > div { display: flex; align-items: center; justify-content: center; gap: 13px; padding: 25px 20px; border-left: 1px solid rgba(255,255,255,.12); }
.hero-metrics > div:last-child { border-left: 0; }.hero-metrics strong { font-size: 28px; color: var(--gold-light); }.hero-metrics span { color: rgba(255,255,255,.65); font-size: 13px; }

.split-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start; }
.sticky-copy { position: sticky; top: 130px; }
.principles-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.principle-card { min-height: 250px; position: relative; overflow: hidden; padding: 32px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 12px 40px rgba(4,34,25,.04); transition: transform .3s, box-shadow .3s; }
.principle-card:hover { transform: translateY(-7px); box-shadow: var(--shadow); }.principle-card > span { display: inline-grid; place-content: center; width: 45px; height: 45px; border-radius: 13px; color: var(--green-700); background: #e8f3ee; font-weight: 900; }
.principle-card h3 { margin: 42px 0 10px; font-size: 25px; }.principle-card p { color: var(--muted); }.principle-card.accent { color: #fff; background: linear-gradient(145deg, var(--green-800), var(--green-600)); border: 0; }.principle-card.accent > span { color: var(--gold-light); background: rgba(255,255,255,.12); }.principle-card.accent p { color: rgba(255,255,255,.68); }

.audience-section { background: #fff; }
.audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.audience-card { position: relative; min-height: 340px; overflow: hidden; padding: 38px 32px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(180deg,#fff,#f7faf8); transition: transform .3s, border-color .3s; }
.audience-card:hover { transform: translateY(-7px); border-color: #b7d4c6; }.audience-index { position: absolute; top: 25px; left: 27px; color: #b4c2bb; font-weight: 900; }.audience-card h3 { margin: 33px 0 12px; font-size: 27px; }.audience-card p { color: var(--muted); }
.sport-icon { width: 105px; height: 105px; border-radius: 50%; background: #e7f2ed; position: relative; }
.sport-icon::before, .sport-icon::after { content: ''; position: absolute; }
.sport-icon-stadium::before { width: 60px; height: 34px; right: 22px; bottom: 23px; border: 4px solid var(--green-600); border-radius: 8px 8px 30px 30px; }.sport-icon-stadium::after { width: 38px; height: 20px; right: 33px; bottom: 30px; border: 2px solid var(--gold-dark); border-radius: 50%; }
.sport-icon-building::before { width: 48px; height: 60px; right: 28px; bottom: 20px; border: 4px solid var(--green-600); box-shadow: inset 0 -10px 0 #d9ece3; }.sport-icon-building::after { width: 6px; height: 6px; right: 39px; top: 37px; background: var(--gold-dark); box-shadow: 14px 0 var(--gold-dark),0 15px var(--gold-dark),14px 15px var(--gold-dark); }
.sport-icon-academy::before { width: 52px; height: 52px; right: 26px; top: 26px; border: 4px solid var(--green-600); border-radius: 50%; }.sport-icon-academy::after { width: 16px; height: 16px; border: 3px solid var(--gold-dark); border-radius: 50%; right: 44px; top: 44px; box-shadow: 0 -22px 0 -7px var(--gold-dark), 19px -7px 0 -7px var(--gold-dark), 12px 18px 0 -7px var(--gold-dark), -12px 18px 0 -7px var(--gold-dark), -19px -7px 0 -7px var(--gold-dark); }

.objectives-section { color: #fff; background: radial-gradient(circle at 15% 18%, rgba(36,168,102,.17), transparent 28%), var(--green-950); }
.objectives-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 80px; align-items: start; }
.objectives-section .section-heading h2 { color: #fff; }
.objectives-section .section-heading p { color: rgba(255,255,255,.62); }
.objectives-light .section-heading h2 { color: var(--ink); }
.objectives-light .section-heading p { color: var(--muted); }
.objectives-list { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 0; padding: 1px; list-style: none; border-radius: 22px; background: rgba(255,255,255,.12); overflow: hidden; }
.objectives-list li { min-height: 185px; padding: 27px; background: rgba(255,255,255,.055); transition: background .25s; }
.objectives-list li:hover { background: rgba(255,255,255,.09); }
.objectives-list span { display: inline-block; margin-bottom: 20px; color: var(--gold-light); font-size: 13px; font-weight: 900; letter-spacing: .08em; }
.objectives-list p { margin: 0; color: rgba(255,255,255,.76); font-size: 14px; line-height: 1.85; }

.axes-section { background: #eef4f1; }
.axes-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 22px; }
.axes-tabs { display: grid; gap: 8px; }
.axis-tab { display: grid; grid-template-columns: 45px 1fr auto; gap: 14px; align-items: center; width: 100%; padding: 18px 20px; text-align: right; color: var(--ink); border: 1px solid transparent; border-radius: 14px; background: transparent; }
.axis-tab span { color: #92a29a; font-weight: 900; }.axis-tab b { font-size: 16px; }.axis-tab em { color: var(--muted); font-size: 12px; font-style: normal; }.axis-tab:hover { background: rgba(255,255,255,.6); }.axis-tab.is-active { color: #fff; background: var(--green-800); box-shadow: 0 16px 30px rgba(8,57,41,.15); }.axis-tab.is-active span,.axis-tab.is-active em { color: var(--gold-light); }
.axes-panels { min-height: 545px; }
.axis-panel { display: none; position: relative; min-height: 545px; height: 100%; overflow: hidden; padding: 55px; border-radius: 28px; color: #fff; background: linear-gradient(145deg, #0c4b37, #071f18); box-shadow: var(--shadow); }
.axis-panel::before { content: ''; position: absolute; width: 420px; height: 420px; left: -150px; bottom: -180px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 60px rgba(255,255,255,.02), 0 0 0 120px rgba(255,255,255,.018); }.axis-panel.is-active { display: block; animation: panelIn .35s ease; }
@keyframes panelIn { from { opacity: 0; transform: translateY(12px); } }
.axis-number { color: var(--gold-light); font-weight: 900; }.axis-panel h3 { max-width: 580px; margin: 85px 0 20px; font-size: clamp(35px,4vw,52px); }.axis-panel > p { max-width: 570px; color: rgba(255,255,255,.68); font-size: 18px; }
.axis-score { position: absolute; top: 40px; left: 45px; display: grid; text-align: center; }.axis-score strong { font-size: 47px; line-height: 1; color: var(--gold-light); }.axis-score span { font-size: 12px; color: rgba(255,255,255,.58); }
.sdg-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 35px; }.sdg-list b { flex-basis: 100%; margin-bottom: 4px; font-size: 13px; }.sdg-list span { padding: 7px 11px; border: 1px solid rgba(255,255,255,.15); border-radius: 99px; color: rgba(255,255,255,.74); font-size: 11px; background: rgba(255,255,255,.05); }
.axis-bar { position: absolute; right: 55px; left: 55px; bottom: 43px; height: 4px; border-radius: 10px; background: rgba(255,255,255,.12); }.axis-bar span { display: block; width: calc(var(--value) * 4); max-width: 100%; height: 100%; background: linear-gradient(90deg,var(--gold-dark),var(--gold-light)); }

.evaluation-section { color: #fff; background: var(--green-950); }
.evaluation-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; align-items: center; }
.evaluation-copy h2 { font-size: clamp(38px,4vw,58px); }.evaluation-copy > p { color: rgba(255,255,255,.62); font-size: 18px; }.evaluation-elements { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 35px; }.evaluation-elements span { padding: 8px 12px; color: rgba(255,255,255,.72); border: 1px solid rgba(255,255,255,.14); border-radius: 9px; font-size: 12px; }
.scoreboard { padding: 35px; border: 1px solid rgba(255,255,255,.12); border-radius: 25px; background: rgba(255,255,255,.045); box-shadow: 0 30px 80px rgba(0,0,0,.22); }
.scoreboard-head,.score-row { display: grid; grid-template-columns: 1.2fr .8fr 44px; gap: 18px; align-items: center; }.scoreboard-head { padding: 0 0 15px; color: rgba(255,255,255,.42); font-size: 12px; border-bottom: 1px solid rgba(255,255,255,.1); }.score-row { padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.08); }.score-row > span { font-size: 13px; }.score-row > div { height: 5px; background: rgba(255,255,255,.1); border-radius: 9px; }.score-row i { display: block; width: calc(var(--score) * 5%); height: 100%; background: linear-gradient(90deg,var(--gold-dark),var(--gold-light)); border-radius: 9px; }.score-row b { color: var(--gold-light); text-align: left; }.score-total { display: flex; justify-content: space-between; align-items: center; padding-top: 23px; }.score-total strong { font-size: 24px; color: var(--gold-light); }

.journey-section { background: #fff; }
.timeline { position: relative; max-width: 920px; margin: 0 auto; padding: 0; list-style: none; }.timeline::before { content: ''; position: absolute; right: 34px; top: 20px; bottom: 30px; width: 1px; background: #cbd8d2; }.timeline li { position: relative; display: grid; grid-template-columns: 68px 1fr; gap: 25px; padding-bottom: 35px; }.timeline li > span { position: relative; z-index: 1; width: 68px; height: 68px; display: grid; place-content: center; color: var(--green-700); border: 1px solid #c8dcd2; border-radius: 50%; background: #fff; font-weight: 900; }.timeline li:first-child > span,.timeline li:last-child > span { color: #1b160b; background: var(--gold); border-color: var(--gold); }.timeline li > div { padding: 10px 30px 20px; border-bottom: 1px solid var(--line); }.timeline h3 { margin-bottom: 5px; font-size: 22px; }.timeline p { margin: 0; color: var(--muted); }

.awards-section { overflow: hidden; background: #edf3f0; }
.awards-grid { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 90px; }
.award-visual { position: relative; height: 610px; display: grid; place-content: center; }.award-visual img { position: relative; z-index: 2; height: 560px; width: auto; filter: drop-shadow(0 35px 27px rgba(29,29,20,.28)); }.award-halo { position: absolute; inset: 12% 0 0; border-radius: 50%; background: radial-gradient(circle,var(--gold-light),rgba(214,171,74,.13) 45%,transparent 67%); opacity: .42; }.award-copy h2 { font-size: clamp(40px,4vw,58px); }.award-copy > p { color: var(--muted); font-size: 18px; }
.award-list { padding: 0; margin-top: 35px; list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.award-list li { display: grid; gap: 5px; padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.65); }.award-list b { color: var(--green-700); }.award-list span { color: var(--muted); font-size: 13px; }

.faq-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; }
.accordion { border-top: 1px solid var(--line); }.accordion-item { border-bottom: 1px solid var(--line); }.accordion-item button { width: 100%; display: flex; justify-content: space-between; gap: 20px; padding: 25px 0; border: 0; text-align: right; background: transparent; font-weight: 800; font-size: 19px; }.accordion-item button span { width: 31px; height: 31px; display: grid; place-content: center; border-radius: 50%; color: var(--green-700); background: #e3eee9; transition: transform .3s; }.accordion-item > div { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; }.accordion-item > div p { min-height: 0; overflow: hidden; color: var(--muted); margin: 0; padding-left: 60px; }.accordion-item.is-open > div { grid-template-rows: 1fr; }.accordion-item.is-open > div p { padding-bottom: 25px; }.accordion-item.is-open button span { transform: rotate(45deg); }
.final-cta { padding-top: 0; }.final-cta-inner { position: relative; overflow: hidden; min-height: 320px; display: flex; align-items: center; justify-content: space-between; gap: 50px; padding: 60px; border-radius: 28px; color: #fff; background: linear-gradient(130deg,var(--green-900),var(--green-600)); }.final-cta-inner::after { content: ''; position: absolute; width: 430px; height: 430px; left: -130px; top: -180px; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; box-shadow: 0 0 0 60px rgba(255,255,255,.02),0 0 0 120px rgba(255,255,255,.02); }.final-cta h2 { margin-bottom: 10px; font-size: 42px; }.final-cta p { margin: 0; color: rgba(255,255,255,.65); }.final-cta-inner > div:last-child { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 10px; min-width: 230px; }

.site-footer { color: #fff; background: var(--green-950); padding: 75px 0 25px; }
.footer-grid { display: grid; grid-template-columns: 1.4fr .65fr .65fr 1fr; gap: 60px; }.footer-grid h2 { margin-bottom: 19px; color: var(--gold-light); font-size: 15px; }.footer-grid a { display: block; width: fit-content; margin: 10px 0; color: rgba(255,255,255,.63); font-size: 13px; }.footer-grid a:hover { color: #fff; }.footer-brand img { width: 210px; height: auto; margin-bottom: 20px; }.footer-brand p,.footer-note p { color: rgba(255,255,255,.53); font-size: 13px; }.footer-bottom { display: flex; justify-content: space-between; margin-top: 55px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.4); font-size: 12px; }

[data-reveal] { opacity: 0; transform: translateY(25px); transition: opacity .7s ease, transform .7s ease; }.is-revealed { opacity: 1; transform: none; }
.toast { position: fixed; z-index: 1000; top: 105px; left: 25px; max-width: 430px; padding: 15px 20px; border-radius: 12px; color: #fff; background: var(--green-800); box-shadow: 0 18px 40px rgba(0,0,0,.18); animation: toastIn .4s ease; }.toast-success{background:#16744a}.toast-danger{background:#a33838}.toast-warning{background:#176b4d}.toast-info{background:#285c78}@keyframes toastIn{from{transform:translateY(-15px);opacity:0}}

/* Inner pages and guide */
.page-hero { min-height: 450px; display: flex; align-items: end; padding: 170px 0 75px; color: #fff; background: radial-gradient(circle at 20% 10%,rgba(50,175,109,.17),transparent 30%),linear-gradient(125deg,var(--green-950),var(--green-700)); }.page-hero h1 { margin-bottom: 18px; font-size: clamp(44px,5vw,68px); }.page-hero p { max-width: 700px; margin: 0; color: rgba(255,255,255,.68); font-size: 19px; }.compact-hero { min-height: 480px; }
.guide-nav-wrap { position: sticky; z-index: 50; top: 0; background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 8px 20px rgba(6,32,24,.04); }.guide-nav { display: flex; gap: 26px; overflow-x: auto; }.guide-nav a { flex: 0 0 auto; padding: 19px 0; color: var(--muted); font-weight: 700; font-size: 13px; }.guide-nav a:hover { color: var(--green-700); }
.guide-section { scroll-margin-top: 60px; }.guide-section.alt { background: #fff; }.guide-layout { display: grid; grid-template-columns: 280px 1fr; gap: 80px; }.guide-layout > aside { position: sticky; top: 100px; align-self: start; }.guide-layout > aside span { color: var(--gold-dark); font-size: 15px; font-weight: 900; }.guide-layout > aside h2 { margin-top: 14px; font-size: 32px; }.guide-content .lead { color: var(--green-800); font-size: 23px; font-weight: 600; line-height: 1.8; }.content-card { margin-top: 20px; padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }.alt .content-card { background: var(--paper); }.content-card h3 { font-size: 21px; }.content-card p { margin-bottom: 0; color: var(--muted); }
.check-list,.dash-list { padding: 0; list-style: none; }.check-list li,.dash-list li { position: relative; padding: 8px 30px 8px 0; color: #394a43; }.check-list li::before { content: '✓'; position: absolute; right: 0; color: var(--green-600); font-weight: 900; }.dash-list li::before { content: '—'; position: absolute; right: 0; color: var(--gold-dark); }
.policy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.policy-grid article { padding: 25px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }.policy-grid h3 { font-size: 19px; }.policy-grid p { margin: 0; color: var(--muted); font-size: 14px; }.note-box { margin: 20px 0; padding: 22px 25px; border-right: 4px solid var(--gold); border-radius: 13px; color: #4d4128; background: #fff8e9; }.note-box p { margin: 5px 0 0; }
.method-steps { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; margin-top: 35px; }.method-steps > div { min-height: 230px; padding: 22px; border: 1px solid var(--line); border-radius: 17px; background: #fff; }.method-steps span { display: grid; place-content: center; width: 36px; height: 36px; border-radius: 10px; color: white; background: var(--green-700); font-weight: 800; }.method-steps h3 { margin: 50px 0 10px; font-size: 17px; }.method-steps p { color: var(--muted); font-size: 13px; }
.weights-table { overflow: hidden; margin: 30px 0; border: 1px solid var(--line); border-radius: 17px; background: #fff; }.weights-table > div { display: grid; grid-template-columns: 1fr 110px; padding: 15px 22px; border-bottom: 1px solid var(--line); }.weights-table > div:last-child { border: 0; }.weights-table strong { color: var(--green-700); text-align: center; }.weights-head,.weights-total { color: white; background: var(--green-800); font-weight: 800; }.weights-head strong,.weights-total strong { color: var(--gold-light); }.guide-cta { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-top: 30px; padding: 30px; border-radius: 18px; color: #fff; background: var(--green-800); }.guide-cta h3 { margin-bottom: 5px; }.guide-cta p { margin: 0; color: rgba(255,255,255,.65); }

/* Forms and auth */
.auth-page { min-height: 100vh; background: #eef3f0; }.auth-shell { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; }.auth-visual { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 50px 8vw 70px; color: white; background: linear-gradient(145deg,var(--green-950),var(--green-700)); }.auth-visual > a { position: relative; z-index: 2; }.auth-visual img { width: 210px; }.auth-visual > div:not(.auth-orbits) { position: relative; z-index: 2; max-width: 530px; }.auth-visual h1 { font-size: clamp(40px,4vw,62px); }.auth-visual p { color: rgba(255,255,255,.65); font-size: 18px; }.auth-orbits { position: absolute; width: 720px; height: 720px; left: -350px; bottom: -250px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 80px rgba(255,255,255,.02),0 0 0 160px rgba(255,255,255,.02),0 0 0 240px rgba(255,255,255,.015); }.auth-form-wrap { display: grid; place-content: center; padding: 50px 24px; }.auth-form-card { width: min(100%,500px); padding: 45px; border: 1px solid var(--line); border-radius: 24px; background: white; box-shadow: var(--shadow); }.auth-form-card h2 { margin-bottom: 8px; font-size: 36px; }.auth-form-card > p { color: var(--muted); }.back-link { display: block; margin-bottom: 35px; color: var(--muted); font-size: 13px; }.auth-separator { display: flex; align-items: center; gap: 12px; margin: 25px 0 15px; color: #87938e; font-size: 12px; }.auth-separator::before,.auth-separator::after { content: ''; flex: 1; height: 1px; background: var(--line); }
.form-stack { display: grid; gap: 18px; }.form-stack.compact { gap: 12px; }.form-stack label,.form-grid label,.wizard-step > label,.score-form label { display: grid; gap: 7px; color: #33423c; font-size: 13px; font-weight: 700; }.form-stack label small,.form-grid label small,.wizard-step label small { color: var(--muted); font-weight: 400; }.form-grid label > b,.wizard-step label > b { color: #176b4d; }
input,select,textarea { width: 100%; border: 1px solid #cad6d0; border-radius: 11px; color: var(--ink); background: #fff; outline: none; transition: border .2s,box-shadow .2s; }.form-stack input,.form-stack select,.form-stack textarea,.form-grid input,.form-grid select,.form-grid textarea,.wizard-step > label textarea,.score-form input,.score-form textarea { padding: 12px 14px; }.form-stack input,.form-stack select,.form-grid input,.form-grid select { min-height: 48px; }.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.wizard-step textarea:focus,.score-form input:focus,.score-form textarea:focus { border-color: var(--green-500); box-shadow: 0 0 0 3px rgba(36,168,102,.1); }
.password-field { position: relative; }.password-field button { position: absolute; left: 8px; top: 8px; padding: 6px 10px; border: 0; border-radius: 7px; color: var(--green-700); background: #edf4f0; font-size: 12px; }.checkbox-label { display: flex!important; grid-template-columns: none!important; align-items: start; gap: 10px!important; }.checkbox-label input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 3px; accent-color: var(--green-600); }.checkbox-label span { color: var(--muted); font-weight: 500; line-height: 1.6; }.alert { padding: 15px 18px; margin-bottom: 20px; border-radius: 11px; font-size: 13px; }.alert ul { margin: 8px 0 0; padding-right: 20px; }.alert-danger { color: #7c2929; border: 1px solid #efcaca; background: #fff0f0; }.alert-warning { color: #6c521e; border: 1px solid #ead6a7; background: #fff8e8; }.alert-info { color: #21536d; border: 1px solid #bfd9e7; background: #eef8fd; }.optional { color: #8b9792; font-size: 11px; font-weight: 400; }
.install-shell { min-height: 100vh; padding: 45px 20px; display: grid; place-content: center; background: radial-gradient(circle at 50% -10%,#dbece4,transparent 35%),#eff4f1; }.install-card { width: min(100%,680px); padding: 45px; border: 1px solid var(--line); border-radius: 25px; background: white; box-shadow: var(--shadow); }.install-brand { display: flex; align-items: center; gap: 15px; margin-bottom: 35px; padding-bottom: 25px; border-bottom: 1px solid var(--line); }.install-brand img { width: 150px; padding: 8px; border-radius: 10px; background: var(--green-800); }.install-brand span { font-weight: 800; }.install-card h1 { font-size: 35px; }.install-card > p { color: var(--muted); }.install-card hr { border: 0; border-top: 1px solid var(--line); margin: 10px 0; }.install-card h2 { font-size: 20px; }.database-choice { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0; border: 0; }.database-choice legend { margin-bottom: 10px; font-weight: 800; }.database-choice label { display: flex; gap: 10px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; cursor: pointer; }.database-choice input { width: 17px; height: 17px; accent-color: var(--green-600); }.database-choice span { display: grid; }.database-choice small { color: var(--muted); }.mysql-fields { display: grid; gap: 14px; }.success-mark { width: 70px; height: 70px; display: grid; place-content: center; margin: 0 auto 25px; border-radius: 50%; color: white; background: var(--green-600); font-size: 30px; }.install-card:has(.success-mark) { text-align: center; }

/* Application wizard */
.application-hero { padding: 150px 0 55px; color: white; background: linear-gradient(125deg,var(--green-950),var(--green-700)); }.application-hero .container { display: flex; justify-content: space-between; align-items: end; gap: 30px; }.application-hero h1 { margin-bottom: 8px; font-size: 46px; }.application-hero p { margin: 0; color: rgba(255,255,255,.65); }.application-shell { padding: 45px 0 100px; }.application-layout { display: grid; grid-template-columns: 280px 1fr; gap: 26px; align-items: start; }.wizard-sidebar { position: sticky; top: 25px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: white; }.wizard-reference { padding: 23px; color: white; background: var(--green-800); }.wizard-reference span { display: block; color: rgba(255,255,255,.57); font-size: 11px; }.wizard-reference b { display: block; margin-top: 5px; }.wizard-sidebar ol { padding: 14px; margin: 0; list-style: none; }.wizard-sidebar li button { width: 100%; display: flex; align-items: center; gap: 12px; padding: 12px; border: 0; border-radius: 12px; text-align: right; background: transparent; }.wizard-sidebar li button > span { flex: 0 0 auto; width: 32px; height: 32px; display: grid; place-content: center; border-radius: 50%; color: #819089; background: #edf2ef; font-weight: 800; }.wizard-sidebar li div { display: grid; }.wizard-sidebar li small { color: var(--muted); font-size: 10px; }.wizard-sidebar li.is-active button { background: #eef6f2; }.wizard-sidebar li.is-active button > span { color: white; background: var(--green-600); }.privacy-mini { margin: 14px; padding: 15px; border-radius: 12px; color: #5b4a26; background: #fff7e7; }.privacy-mini b { font-size: 12px; }.privacy-mini p { margin: 4px 0 0; font-size: 10px; }.wizard-main { min-width: 0; }.wizard-main > .alert { margin-bottom: 15px; }.wizard-main form { min-width: 0; }.wizard-step { display: none; padding: 38px; margin: 0; border: 1px solid var(--line); border-radius: 20px; background: white; }.wizard-step.is-active { display: block; animation: panelIn .3s; }.wizard-step:disabled { opacity: 1; }.wizard-step > legend { width: 100%; display: flex; gap: 15px; align-items: center; margin-bottom: 30px; padding: 0; }.wizard-step > legend > span { width: 46px; height: 46px; display: grid; place-content: center; border-radius: 14px; color: white; background: var(--green-700); font-weight: 900; }.wizard-step legend h2 { margin: 0; font-size: 28px; }.wizard-step legend p { margin: 4px 0 0; color: var(--muted); }.form-grid { display: grid; gap: 17px; }.form-grid.two { grid-template-columns: 1fr 1fr; }.form-grid .span-2 { grid-column: 1 / -1; }.form-divider { display: flex; align-items: center; gap: 12px; margin: 30px 0 22px; color: var(--green-700); font-weight: 800; }.form-divider::after { content: ''; flex: 1; height: 1px; background: var(--line); }.step-actions { display: flex; justify-content: space-between; gap: 15px; margin-top: 35px; padding-top: 25px; border-top: 1px solid var(--line); }.step-actions.final > div { display: flex; gap: 10px; }.prompt-card { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; padding: 20px; border: 1px solid #d5e7de; border-radius: 13px; background: #f2f8f5; }.prompt-card b { flex-basis: 100%; color: var(--green-700); }.prompt-card span { padding: 6px 9px; border-radius: 7px; color: var(--muted); background: white; font-size: 11px; }.initiatives-list { display: grid; gap: 20px; }.initiative-card { overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: #fbfcfb; }.initiative-head { display: flex; justify-content: space-between; align-items: center; padding: 20px 23px; color: white; background: var(--green-800); }.initiative-head span { color: var(--gold-light); font-size: 11px; }.initiative-head h3 { margin: 4px 0 0; font-size: 18px; }.remove-initiative { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.2); border-radius: 9px; color: white; background: rgba(255,255,255,.08); font-size: 22px; }.initiative-card > .form-grid { padding: 25px; }.evidence-zone { display: grid; gap: 14px; padding: 25px; border-top: 1px solid var(--line); background: #f0f5f2; }.evidence-zone > div:first-child p { margin: 2px 0 0; color: var(--muted); font-size: 12px; }.file-drop { min-height: 115px; display: grid!important; place-content: center; text-align: center; border: 1px dashed #9eb9ad; border-radius: 13px; background: #fff; cursor: pointer; }.file-drop input { position: absolute; opacity: 0; pointer-events: none; }.file-drop span { color: var(--green-700); font-weight: 800; }.file-drop.is-filled { border-color: var(--green-500); background: #ebf6f0; }.existing-files { display: grid; gap: 6px; padding-top: 10px; }.existing-files > b { font-size: 12px; }.existing-files label { display: flex!important; align-items: center; gap: 8px!important; padding: 8px 10px; border-radius: 8px; background: #fff; }.existing-files input { width: 16px; height: 16px; }.existing-files span { flex: 1; font-size: 12px; }.existing-files small { color: #a15b5b!important; }.add-initiative { width: 100%; display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 18px; padding: 15px; border: 1px dashed #8fb4a3; border-radius: 13px; color: var(--green-700); background: #edf6f2; font-weight: 800; }.add-initiative span { width: 27px; height: 27px; display: grid; place-content: center; border-radius: 50%; color: white; background: var(--green-600); }.declaration-box { padding: 28px; border: 1px solid #d7c58f; border-radius: 16px; background: #fffbf1; }.declaration-box > p { color: #51482f; font-size: 16px; }.declaration-confirm { align-self: end; padding-bottom: 11px; }.submit-note { display: flex; gap: 12px; align-items: start; margin-top: 20px; padding: 17px; border-radius: 12px; background: #eef5f2; }.submit-note span { width: 27px; height: 27px; display: grid; place-content: center; border-radius: 50%; color: white; background: var(--green-600); font-weight: 900; }.submit-note p { margin: 0; color: var(--muted); font-size: 13px; }

.participant-messages { display: grid; gap: 8px; margin-bottom: 15px; padding: 20px; border: 1px solid #d7c58f; border-radius: 15px; background: #fff9eb; }
.participant-messages > b { color: #7c5b1f; }
.participant-messages article { padding-top: 8px; border-top: 1px solid #eadcb8; }
.participant-messages p { margin: 0; color: #51482f; }
.participant-messages small { color: #8f7d55; font-size: 10px; }
form[data-readonly] input:not([type="hidden"]), form[data-readonly] select, form[data-readonly] textarea { pointer-events: none; color: var(--ink); background: #f7f9f8; }
form[data-readonly] .file-drop, form[data-readonly] .add-initiative, form[data-readonly] .remove-initiative, form[data-readonly] button[type="submit"], form[data-readonly] .declaration-confirm { display: none; }

/* Tracking and dashboards */
.track-hero { min-height: 410px; }.track-layout { display: grid; grid-template-columns: 380px 1fr; gap: 35px; align-items: start; }.track-form-card,.track-result,.track-placeholder { padding: 32px; border: 1px solid var(--line); border-radius: 20px; background: white; box-shadow: 0 15px 45px rgba(5,34,25,.05); }.track-form-card h2 { font-size: 24px; }.form-hint { margin: 17px 0 0; color: var(--muted); font-size: 11px; }.track-result-head { padding-bottom: 25px; border-bottom: 1px solid var(--line); }.track-result-head .reference { display: block; margin-top: 20px; }.track-result-head h2 { margin: 4px 0; font-size: 30px; }.track-result-head p { margin: 0; color: var(--muted); }.stage-meter { display: flex; align-items: center; margin: 30px 0; }.stage-meter span { flex: 1; display: flex; align-items: center; }.stage-meter span:not(:last-child)::after { content: ''; flex: 1; height: 3px; background: #dce5e1; }.stage-meter i { width: 34px; height: 34px; display: grid; place-content: center; border: 2px solid #d2ddd8; border-radius: 50%; color: #8b9892; background: white; font-style: normal; font-weight: 800; }.stage-meter .done i { color: white; border-color: var(--green-600); background: var(--green-600); }.stage-meter .done:not(:last-child)::after { background: var(--green-600); }.history-list { display: grid; }.history-list article { position: relative; display: flex; gap: 13px; padding: 0 0 22px; }.history-list article > i { width: 11px; height: 11px; margin-top: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 5px #fff6df; }.history-list p { margin: 4px 0; color: var(--muted); }.history-list small { color: #97a29d; }.track-placeholder { min-height: 430px; display: grid; place-content: center; text-align: center; }.track-placeholder p { max-width: 470px; color: var(--muted); }.radar { position: relative; width: 150px; height: 150px; margin: 0 auto 25px; overflow: hidden; border: 1px solid #c5d8cf; border-radius: 50%; box-shadow: inset 0 0 0 35px #f4f9f6,inset 0 0 0 36px #c5d8cf; }.radar::before { content: ''; position: absolute; inset: 50% 50% 0 0; background: linear-gradient(45deg,rgba(21,129,79,.3),transparent); transform-origin: top left; animation: scan 3s linear infinite; }.radar span { position: absolute; width: 7px; height: 7px; left: 40px; top: 50px; border-radius: 50%; background: var(--gold-dark); }@keyframes scan{to{transform:rotate(360deg)}}
.dashboard-hero { padding: 150px 0 60px; color: white; background: linear-gradient(125deg,var(--green-950),var(--green-700)); }.dashboard-hero .container { display: flex; justify-content: space-between; align-items: end; gap: 30px; }.dashboard-hero h1 { margin-bottom: 5px; font-size: 48px; }.dashboard-hero p { margin: 0; color: rgba(255,255,255,.65); }.dashboard-actions { display: flex; gap: 10px; }.dashboard-content { min-height: 500px; }.dashboard-section-head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 30px; }.dashboard-section-head h2 { margin: 0; font-size: 32px; }.dashboard-section-head > span { color: var(--muted); }.applications-list { display: grid; gap: 16px; }.application-card { padding: 27px; border: 1px solid var(--line); border-radius: 18px; background: white; }.application-card-head,.application-card-foot { display: flex; justify-content: space-between; gap: 20px; align-items: start; }.application-card h3 { margin: 5px 0; font-size: 24px; }.application-card p { margin: 0; color: var(--muted); }.reference { direction: ltr; display: inline-block; color: var(--green-600); font-size: 12px; font-weight: 900; letter-spacing: .04em; }.progress-label { display: flex; justify-content: space-between; margin: 25px 0 7px; color: var(--muted); font-size: 11px; }.progress-label b { color: var(--green-700); }.progress-bar { height: 6px; margin-bottom: 22px; border-radius: 10px; background: #e4ebe7; }.progress-bar span { display: block; width: var(--progress); height: 100%; border-radius: 10px; background: linear-gradient(90deg,var(--green-600),#42bf7d); }.application-card-foot { align-items: center; }.application-card-foot > span { color: #8e9a95; font-size: 11px; }.empty-state { padding: 70px 30px; border: 1px dashed #bdcec6; border-radius: 20px; text-align: center; background: white; }.empty-state > span { display: inline-grid; place-content: center; width: 70px; height: 70px; margin-bottom: 15px; border-radius: 50%; color: var(--green-600); background: #eaf4ef; font-size: 30px; }.empty-state p { color: var(--muted); }.empty-state.small { padding: 45px 20px; }.empty-state.small > span { width: 55px; height: 55px; }
.status { display: inline-flex; align-items: center; gap: 7px; width: fit-content; padding: 6px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; }.status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }.status-success { color:#156843;background:#e2f2e9}.status-info{color:#265f7a;background:#e6f2f8}.status-warning{color:#806020;background:#fff2ce}.status-gold{color:#77551b;background:#f9ebc6}.status-danger{color:#913939;background:#fae6e6}.status-muted{color:#67736e;background:#e9eeeb}

/* Staff console */
.staff-page { min-height: 100vh; overflow-x: hidden; background: #eef2f0; }.staff-shell { min-height: 100vh; display: grid; grid-template-columns: 270px 1fr; }.staff-sidebar { position: fixed; z-index: 200; top: 0; right: 0; bottom: 0; width: 270px; display: flex; flex-direction: column; padding: 24px 18px; color: white; background: var(--green-950); }.staff-brand { display: flex; align-items: center; gap: 12px; padding: 0 8px 20px; border-bottom: 1px solid rgba(255,255,255,.1); }.staff-brand img { width: 105px; }.staff-brand span { display: grid; border-right: 1px solid rgba(255,255,255,.16); padding-right: 10px; line-height: 1.35; }.staff-brand b { font-size: 13px; }.staff-brand small { color: rgba(255,255,255,.5); font-size: 10px; }.staff-user { display: flex; align-items: center; gap: 10px; margin: 25px 0; padding: 12px; border-radius: 13px; background: rgba(255,255,255,.06); }.staff-user > span { width: 39px; height: 39px; display: grid; place-content: center; border-radius: 11px; color: var(--green-950); background: var(--gold); font-weight: 900; }.staff-user div { min-width: 0; display: grid; }.staff-user b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }.staff-user small { color: rgba(255,255,255,.47); font-size: 9px; }.staff-sidebar nav { display: grid; gap: 4px; }.staff-sidebar nav a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 10px; color: rgba(255,255,255,.6); font-size: 13px; font-weight: 700; }.staff-sidebar nav a i { width: 22px; color: var(--gold-light); text-align: center; font-style: normal; }.staff-sidebar nav a:hover,.staff-sidebar nav a.is-active { color: white; background: rgba(255,255,255,.09); }.staff-sidebar-foot { display: flex; justify-content: space-between; margin-top: auto; padding: 20px 8px 0; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.5); font-size: 11px; }.staff-main { grid-column: 2; min-width: 0; }.staff-topbar { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 18px 35px; border-bottom: 1px solid var(--line); background: white; }.staff-topbar > div { display: grid; }.staff-topbar span,.staff-topbar .crumb { color: var(--muted); font-size: 11px; }.staff-topbar h1 { margin: 2px 0 0; font-size: 25px; }.staff-topbar > div:last-child { text-align: left; }.staff-menu { display: none; }.staff-content { padding: 32px; }.staff-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-bottom: 22px; }.staff-stats article { position: relative; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: white; }.staff-stats span { display: block; color: var(--muted); font-size: 11px; }.staff-stats strong { display: block; margin-top: 15px; font-size: 32px; }.staff-stats i { position: absolute; top: 18px; left: 18px; width: 32px; height: 32px; display: grid; place-content: center; border-radius: 9px; color: var(--green-700); background: #e9f3ee; font-style: normal; }.staff-panel { overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: white; }.staff-panel-head { display: flex; justify-content: space-between; gap: 25px; align-items: end; padding: 24px; border-bottom: 1px solid var(--line); }.staff-panel-head h2 { margin: 0; font-size: 23px; }.staff-panel-head .eyebrow { margin-bottom: 6px; }.staff-filters { display: flex; gap: 7px; }.staff-filters input,.staff-filters select { width: 155px; min-height: 40px; padding: 8px 10px; font-size: 11px; }.staff-filters input { width: 220px; }.staff-table-wrap { overflow-x: auto; }.staff-table { width: 100%; border-collapse: collapse; text-align: right; }.staff-table th { padding: 13px 18px; color: #82908a; background: #f7f9f8; font-size: 10px; }.staff-table td { padding: 17px 18px; border-top: 1px solid var(--line); font-size: 12px; }.staff-table td:first-child a { display: grid; }.staff-table td:first-child b { font-size: 13px; }.table-counts { display: flex; gap: 5px; }.table-counts i { padding: 4px 7px; border-radius: 6px; color: var(--muted); background: #f0f4f2; font-style: normal; font-size: 9px; }.table-arrow { width: 29px; height: 29px; display: grid; place-content: center; border-radius: 8px; color: var(--green-700); background: #edf4f0; }
.review-hero-card { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 20px; padding: 25px 30px; border-radius: 17px; color: white; background: linear-gradient(130deg,var(--green-900),var(--green-600)); }.review-hero-card h2 { margin: 4px 0; }.review-hero-card p { margin: 0; color: rgba(255,255,255,.6); }.review-hero-card > div:last-child { display: grid; text-align: left; }.review-hero-card > div:last-child span { color: rgba(255,255,255,.56); font-size: 10px; }.review-hero-card > div:last-child strong { color: var(--gold-light); font-size: 35px; }.review-hero-card > div:last-child small { font-size: 12px; }.review-layout { display: grid; grid-template-columns: 1fr 310px; gap: 20px; align-items: start; }.review-content { min-width: 0; display: grid; gap: 18px; }.review-section,.review-sidebar section { padding: 26px; border: 1px solid var(--line); border-radius: 16px; background: white; }.review-section-head { display: flex; align-items: center; gap: 12px; margin-bottom: 25px; }.review-section-head > span { width: 35px; height: 35px; display: grid; place-content: center; border-radius: 9px; color: white; background: var(--green-700); font-size: 11px; font-weight: 900; }.review-section-head h2 { margin: 0; font-size: 21px; }.review-section-head em { margin-right: auto; color: var(--muted); font-style: normal; font-size: 11px; }.data-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: var(--line); }.data-grid > div { padding: 13px 16px; background: white; }.data-grid dt { color: var(--muted); font-size: 9px; }.data-grid dd { margin: 3px 0 0; font-size: 13px; font-weight: 700; }.data-grid a { color: var(--green-600); }.review-prose { margin: 0; color: #405048; }.review-initiatives { display: grid; gap: 14px; }.review-initiatives > article { overflow: hidden; border: 1px solid var(--line); border-radius: 14px; }.review-initiatives header { display: flex; align-items: center; gap: 12px; padding: 17px 20px; color: white; background: var(--green-800); }.review-initiatives header > span { color: var(--gold-light); font-weight: 900; }.review-initiatives header small { color: rgba(255,255,255,.55); }.review-initiatives header h3 { margin: 2px 0 0; font-size: 17px; }.initiative-review-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 20px; }.initiative-review-grid .span-2 { grid-column: 1/-1; }.initiative-review-grid b { color: var(--green-700); font-size: 10px; }.initiative-review-grid p { margin: 3px 0 0; color: #4c5d55; font-size: 12px; }.review-evidence { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; padding: 15px 20px; border-top: 1px solid var(--line); background: #f4f7f5; }.review-evidence b { flex-basis: 100%; font-size: 10px; }.review-evidence a,.review-evidence span { padding: 6px 9px; border-radius: 7px; color: var(--green-700); background: white; font-size: 10px; }.score-form { display: grid; gap: 12px; }.score-axis { display: grid; grid-template-columns: 1fr 100px 1fr; gap: 14px; align-items: center; padding: 16px; border: 1px solid var(--line); border-radius: 12px; }.score-axis > div { position: relative; padding-right: 43px; }.score-axis > div > span { position: absolute; right: 0; top: 3px; color: var(--gold-dark); font-weight: 900; }.score-axis h3 { margin: 0; font-size: 14px; }.score-axis small { color: var(--muted); font-size: 9px; }.score-axis input,.score-axis textarea { padding: 8px 10px; }.review-sidebar { display: grid; gap: 15px; }.review-sidebar section h3 { font-size: 15px; }.review-sidebar section > p { color: var(--muted); font-size: 11px; }.conflict-box { border-color: #ead6a7!important; background: #fff9eb!important; }.conflict-box button { color: #8a6325; border: 0; background: none; font-weight: 800; font-size: 11px; }.assigned-list { display: grid; gap: 5px; margin-top: 12px; }.assigned-list > span { display: grid; padding: 8px; border-radius: 8px; background: #f1f5f3; }.assigned-list b { font-size: 10px; }.assigned-list small { color: var(--muted); font-size: 8px; }.message-mini { padding: 10px 0; border-top: 1px solid var(--line); }.message-mini b { font-size: 10px; }.message-mini p { margin: 3px 0; color: var(--muted); font-size: 10px; }.message-mini small { color: #9da7a2; font-size: 8px; }.mini-history { display: grid; }.mini-history > span { display: flex; gap: 9px; padding-bottom: 13px; }.mini-history i { width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: var(--green-500); }.mini-history div { display: grid; }.mini-history b { font-size: 10px; }.mini-history small { color: var(--muted); font-size: 8px; }.settings-grid { display: grid; grid-template-columns: 1.4fr .6fr; gap: 20px; align-items: start; }.users-list { display: grid; }.users-list article { display: grid; grid-template-columns: 42px 1fr 180px 80px 50px; gap: 12px; align-items: center; padding: 15px 20px; border-top: 1px solid var(--line); }.user-avatar { width: 39px; height: 39px; display: grid; place-content: center; border-radius: 11px; color: white; background: var(--green-700); font-weight: 800; }.users-list article > div { display: grid; }.users-list small { color: var(--muted); }.users-list em { color: var(--muted); font-size: 11px; font-style: normal; }.users-list form button { border: 0; color: #963f3f; background: none; font-size: 10px; }.create-user-card,.cycle-panel { padding: 28px; }.create-user-card h2 { font-size: 24px; }.create-user-card > p { color: var(--muted); font-size: 12px; }.cycle-panel { max-width: 750px; }.leaderboard { display: grid; }.leaderboard article { display: grid; grid-template-columns: 55px 1fr 100px 100px 120px 80px; gap: 14px; align-items: center; padding: 17px 23px; border-top: 1px solid var(--line); }.leaderboard .rank { color: var(--gold-dark); font-size: 21px; font-weight: 900; }.leaderboard h3 { margin: 0; font-size: 15px; }.leaderboard p { margin: 2px 0 0; color: var(--muted); font-size: 9px; }.leaderboard > article > span:not(.rank):not(.status) { color: var(--muted); font-size: 10px; }.leaderboard strong { color: var(--green-700); font-size: 20px; }.leaderboard small { font-size: 9px; }.leaderboard a { color: var(--green-600); font-size: 10px; font-weight: 800; }

.auth-helper { margin-top: -7px; text-align: left; }.auth-helper a { color: var(--green-600); font-size: 12px; font-weight: 800; }
.staff-sidebar nav { min-height: 0; overflow-y: auto; scrollbar-width: thin; }
.header-mini-stats { display: flex!important; flex-direction: row!important; gap: 9px; }.header-mini-stats span { display: grid; min-width: 70px; padding: 8px 11px; border-radius: 9px; background: #f1f5f3; text-align: center!important; }.header-mini-stats b { color: var(--green-700); font-size: 16px; }
.security-settings-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 20px; align-items: start; margin-bottom: 22px; }
.notification-matrix { min-width: 0; }.notification-matrix form { padding-bottom: 20px; }.matrix-scroll { overflow-x: auto; }.notification-matrix table { width: 100%; min-width: 780px; border-collapse: collapse; text-align: center; }.notification-matrix th,.notification-matrix td { padding: 12px 9px; border-bottom: 1px solid var(--line); font-size: 10px; }.notification-matrix th:first-child,.notification-matrix td:first-child { position: sticky; right: 0; z-index: 1; min-width: 180px; text-align: right; background: white; }.notification-matrix thead th { color: var(--muted); background: #f7f9f8; }.notification-matrix input { width: 18px; height: 18px; accent-color: var(--green-600); }.notification-matrix td span { color: #b7c1bc; }.panel-action { padding: 20px 22px 0; }
.mail-log { margin-top: 2px; }.mail-log td b { font-size: 11px; }.mail-log td small { color: var(--muted); }.mail-log form button { border: 0; color: var(--green-700); background: transparent; font-weight: 800; }.mail-error { max-width: 330px; margin: 5px 0 0; color: #984242; font-size: 9px; line-height: 1.5; }
.security-checklist { display: grid; gap: 10px; padding: 0; list-style: none; }.security-checklist li { display: grid; gap: 3px; padding: 13px 15px; border-radius: 11px; background: #f2f6f4; }.security-checklist b { color: var(--green-700); font-size: 12px; }.security-checklist span { color: var(--muted); font-size: 10px; }

@media (max-width: 1100px) { .security-settings-grid{grid-template-columns:1fr} }

@media (max-width: 1100px) {
  .main-nav { gap: 14px; }.main-nav a:nth-child(3),.main-nav a:nth-child(4){display:none}.brand span{display:none}
  .hero-grid{grid-template-columns:1fr .8fr}.shield-image{height:540px}.hero h1{font-size:58px}
  .method-steps{grid-template-columns:repeat(3,1fr)}.staff-stats{grid-template-columns:1fr 1fr}.review-layout{grid-template-columns:1fr}.review-sidebar{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 900px) {
  .section{padding:80px 0}.site-header{position:absolute}.header-inner{min-height:76px}.brand img{width:110px}.header-actions{margin-right:auto}.header-actions .header-login,.header-actions .button-ghost{display:none}.menu-toggle{display:block}.main-nav{position:fixed;top:0;right:-100%;bottom:0;width:min(82vw,360px);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:100px 30px;background:var(--green-950);transition:right .3s}.main-nav.is-open{right:0}.main-nav a{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:17px}.main-nav a:nth-child(3),.main-nav a:nth-child(4){display:block}
  .hero{min-height:auto;padding-top:110px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{text-align:center;padding:35px 0 0}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{height:510px}.shield-image{height:500px}.score-ring{left:10%}.card-axes{right:7%}.card-sdgs{left:5%}.hero-metrics{grid-template-columns:1fr 1fr}.hero-metrics>div:nth-child(2){border-left:0}.hero-metrics>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
  .split-layout,.objectives-layout,.axes-layout,.evaluation-grid,.awards-grid,.faq-grid{grid-template-columns:1fr}.sticky-copy{position:static}.principles-grid{margin-top:30px}.audience-grid{grid-template-columns:1fr}.audience-card{min-height:280px}.objectives-layout{gap:35px}.section-heading-row{display:block}.section-heading-row p{width:auto}.axes-tabs{grid-template-columns:1fr 1fr}.axis-tab{grid-template-columns:35px 1fr}.axis-tab em{display:none}.evaluation-grid,.awards-grid,.faq-grid{gap:45px}.award-visual{order:2;height:500px}.award-visual img{height:480px}.final-cta-inner{display:grid;padding:45px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
  .guide-layout{grid-template-columns:1fr;gap:30px}.guide-layout>aside{position:static}.method-steps{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:360px;padding:40px}.auth-form-wrap{padding:35px 20px}.application-layout{grid-template-columns:1fr}.wizard-sidebar{position:static}.wizard-sidebar ol{display:grid;grid-template-columns:1fr 1fr}.privacy-mini{display:none}.track-layout{grid-template-columns:1fr}.dashboard-hero .container{display:grid}.dashboard-actions{flex-wrap:wrap}
  .staff-shell{display:block}.staff-sidebar{transform:translateX(105%);transition:transform .3s}.staff-sidebar.is-open{transform:none}.staff-main{grid-column:auto}.staff-menu{display:block;border:0;background:none;font-size:21px}.staff-content{padding:22px}.staff-topbar{padding:15px 22px}.staff-filters{flex-wrap:wrap}.staff-panel-head{align-items:start}.settings-grid{grid-template-columns:1fr}.review-sidebar{grid-template-columns:1fr 1fr}.leaderboard article{grid-template-columns:42px 1fr 80px 100px}.leaderboard article>span:nth-child(3),.leaderboard article>.status{display:none}
}
@media (max-width: 620px) {
  .container{width:min(calc(100% - 26px),var(--container))}.section{padding:65px 0}.section-heading h2{font-size:34px}.header-actions .button{padding:9px 12px;font-size:11px}.hero h1{font-size:44px}.hero h1 em{font-size:.55em}.hero-copy>p{font-size:16px}.hero-visual{height:440px}.shield-image{height:420px}.floating-card{padding:9px}.floating-card b{font-size:19px}.score-ring{width:94px;height:94px;top:45px}.hero-metrics>div{padding:17px 8px}.hero-metrics strong{font-size:23px}.hero-metrics span{font-size:10px}.principles-grid{grid-template-columns:1fr}.principle-card{min-height:230px}.objectives-list{grid-template-columns:1fr}.objectives-list li{min-height:auto}.axes-tabs{grid-template-columns:1fr}.axis-panel{padding:35px;min-height:570px}.axis-panel h3{margin-top:110px;font-size:34px}.axis-score{left:30px}.axis-bar{right:35px;left:35px}.scoreboard{padding:23px}.score-row{grid-template-columns:1.2fr .6fr 35px;gap:9px}.score-row>span{font-size:11px}.award-list{grid-template-columns:1fr}.award-visual{height:430px}.award-visual img{height:420px}.faq-grid{gap:25px}.final-cta-inner{padding:35px 25px}.final-cta h2{font-size:32px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.footer-bottom{display:grid;gap:8px}.page-hero{padding-top:130px;min-height:390px}.page-hero h1{font-size:40px}.policy-grid,.method-steps{grid-template-columns:1fr}.guide-cta{display:grid}.auth-form-card{padding:30px 22px}.auth-visual{min-height:300px}.database-choice{grid-template-columns:1fr}.wizard-step{padding:24px 17px}.wizard-step legend h2{font-size:23px}.form-grid.two{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.wizard-sidebar ol{grid-template-columns:1fr}.step-actions,.step-actions.final,.step-actions.final>div{display:grid;grid-template-columns:1fr}.initiative-card>.form-grid,.evidence-zone{padding:18px}.application-hero .container,.dashboard-hero .container{display:grid}.application-hero h1,.dashboard-hero h1{font-size:35px}.track-form-card,.track-result,.track-placeholder{padding:24px}.stage-meter i{width:26px;height:26px;font-size:10px}.staff-stats{grid-template-columns:1fr}.staff-panel-head{display:grid}.staff-filters{display:grid;width:100%}.staff-filters input,.staff-filters select{width:100%}.review-hero-card{display:grid}.review-hero-card>div:last-child{text-align:right}.data-grid,.initiative-review-grid{grid-template-columns:1fr}.initiative-review-grid .span-2{grid-column:auto}.review-sidebar{grid-template-columns:1fr}.score-axis{grid-template-columns:1fr}.score-axis>div{padding-right:0}.score-axis>div>span{position:static}.users-list article{grid-template-columns:40px 1fr 70px}.users-list article>em,.users-list article>.status{display:none}.leaderboard article{grid-template-columns:35px 1fr 75px}.leaderboard article>strong{font-size:16px}.leaderboard article>a{display:none}.staff-topbar>div:last-child{display:none}.toast{right:13px;left:13px;top:85px;max-width:none}
}
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none} }

/* 2026 visual revision: clearer hierarchy, lighter reading surfaces and direct participation */
.home-revamp,.guide-revamp{font-size:16px}.home-revamp p,.guide-revamp p{font-size:max(15px,1em);line-height:1.9}.home-revamp small,.guide-revamp small{font-size:12px}.home-revamp .section{padding:96px 0}
.hero-v2{min-height:0;padding:116px 0 34px;overflow:hidden}.hero-v2 .hero-grid{min-height:610px;align-items:center}.hero-v2 .hero-copy{padding:44px 0}.hero-v2 .hero-copy h1{font-size:clamp(55px,5.7vw,84px);line-height:1.08}.hero-v2 .hero-copy h1 em{display:block;margin-top:18px;font-size:.53em;line-height:1.35}.hero-v2 .hero-copy>p{max-width:690px;color:rgba(255,255,255,.84);font-size:19px;line-height:2}.hero-v2 .hero-visual{height:610px}.hero-v2 .shield-image{height:590px}.hero-v2 .score-ring{top:72px}.hero-v2 .card-axes{right:2%;top:43%}.hero-v2 .card-sdgs{left:3%;bottom:60px}.institution-notice{position:relative;z-index:4;display:grid;grid-template-columns:minmax(285px,.72fr) minmax(0,1.28fr);gap:34px;align-items:center;margin-top:12px;padding:24px 30px 24px 34px;border:1px solid rgba(240,212,135,.28);border-right:4px solid var(--gold);border-radius:22px;color:#fff;background:linear-gradient(110deg,rgba(218,177,80,.12),rgba(255,255,255,.075) 48%,rgba(255,255,255,.035));box-shadow:0 22px 52px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(14px)}.institution-notice::after{content:'';position:absolute;left:30px;bottom:0;width:130px;height:1px;background:linear-gradient(90deg,transparent,rgba(240,212,135,.62))}.notice-heading{padding-left:28px;border-left:1px solid rgba(255,255,255,.14)}.notice-heading>span{display:inline-flex;align-items:center;gap:9px;margin-bottom:10px;color:var(--gold-light);font-size:11px;font-weight:900;letter-spacing:.02em}.notice-heading>span::after{content:'';width:28px;height:1px;background:currentColor}.institution-notice strong{display:block;color:#fff;font-size:17px;line-height:1.75}.notice-content{display:grid;gap:7px}.institution-notice p{margin:0;color:rgba(255,255,255,.8);font-size:13.5px;line-height:1.85}.institution-notice .notice-content p:first-child{color:#fff;font-weight:800}.hero-v2 .hero-metrics{position:relative;z-index:3;margin-top:24px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(1,17,12,.38);overflow:hidden}.hero-v2 .hero-metrics>div{min-height:92px}.hero-v2 .hero-metrics span{color:rgba(255,255,255,.76);font-size:13px}
.project-intro{background:#fff}.intro-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.intro-story .section-heading h2{font-size:clamp(36px,4.2vw,58px)}.intro-prose{padding-top:39px}.intro-prose p{color:#40534a;font-size:18px}.intro-pillars{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.intro-pillars article{min-height:210px;padding:27px;border:1px solid #dce8e2;border-radius:20px;background:linear-gradient(155deg,#fbfdfc,#f1f7f4)}.intro-pillars article span{color:var(--gold-dark);font-weight:900}.intro-pillars h3{margin:34px 0 8px;font-size:21px}.intro-pillars p{margin:0;color:#5b6c64;font-size:14px}
.audience-section{background:#f5f8f6}.audience-grid-v2{gap:18px}.audience-card-v2{min-height:365px;padding:30px;border-color:#d7e2dc;border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(15,80,57,.06);transition:transform .3s,box-shadow .3s}.audience-card-v2:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(15,80,57,.12)}.audience-card-v2 h3{margin-top:31px;font-size:26px}.audience-card-v2 p{color:#56675f;font-size:15px}.category-emblem{position:relative;width:104px;height:104px;margin:7px auto 0;border:1px solid #d3e5dc;border-radius:30px;background:linear-gradient(145deg,#edf7f2,#fbfdfc);box-shadow:inset 0 0 0 8px rgba(255,255,255,.72)}.category-emblem i{position:absolute;display:block}.emblem-stadium i:nth-child(1){inset:26px 19px;border:4px solid var(--green-600);border-radius:11px 11px 26px 26px}.emblem-stadium i:nth-child(2){inset:39px 29px;border:2px solid var(--gold-dark);border-radius:50%}.emblem-stadium i:nth-child(3){width:3px;height:42px;right:50%;top:31px;background:#c7dcd2}.emblem-stadium i:nth-child(4){width:35px;height:3px;right:34px;top:51px;background:#c7dcd2}.emblem-institution i:nth-child(1){inset:24px 25px 19px;border:4px solid var(--green-600);border-radius:5px}.emblem-institution i:nth-child(2){width:42px;height:4px;right:31px;top:28px;background:var(--gold-dark);box-shadow:0 13px 0 var(--gold-dark),0 26px 0 var(--gold-dark)}.emblem-institution i:nth-child(3){width:4px;height:49px;right:49px;top:30px;background:#bad4c8}.emblem-institution i:nth-child(4){width:18px;height:12px;right:43px;bottom:19px;border:3px solid var(--green-600);border-bottom:0}.emblem-academy i:nth-child(1){inset:22px;border:4px solid var(--green-600);border-radius:50%}.emblem-academy i:nth-child(2){width:4px;height:56px;right:50px;top:24px;background:#c2d8ce}.emblem-academy i:nth-child(3){width:13px;height:13px;right:37px;top:35px;border-radius:50%;background:var(--gold-dark);box-shadow:-22px 23px 0 var(--gold-dark)}.emblem-academy i:nth-child(4){width:20px;height:20px;right:41px;top:42px;border:3px solid var(--green-600);border-radius:50%}
.objectives-light{color:var(--ink);background:linear-gradient(135deg,#f4f7ef,#edf6f1)}.objectives-head{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin-bottom:45px}.objectives-head h2{max-width:680px;margin:0;font-size:clamp(38px,4.6vw,62px)}.objectives-head>p{margin:0;color:#56675f;font-size:17px}.objectives-list-v2{grid-template-columns:repeat(2,1fr);gap:14px}.objectives-list-v2 li{position:relative;min-height:178px;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;padding:25px;border:1px solid #d7e3dd;border-radius:18px;background:rgba(255,255,255,.8);box-shadow:0 14px 40px rgba(15,80,57,.045)}.objectives-list-v2 li span{width:50px;height:50px;display:grid;place-content:center;border-radius:14px;color:var(--green-700);background:#e8f3ed;font-size:14px}.objectives-list-v2 li p{margin:0;color:#263a31;font-size:15px;line-height:1.9}
.participation-section{background:#fff}.participation-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:22px}.eligibility-card{padding:34px;border:1px solid #d8e4de;border-radius:23px;background:linear-gradient(155deg,#f8fbf9,#eef6f2)}.eligibility-card>span,.policy-stack article>span{color:var(--gold-dark);font-weight:900}.eligibility-card h3{margin:30px 0 18px;font-size:28px}.eligibility-card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.eligibility-card li{position:relative;padding-right:25px;color:#42564c}.eligibility-card li::before{content:'✓';position:absolute;right:0;color:var(--green-600);font-weight:900}.policy-stack{display:grid;gap:12px}.policy-stack article{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:22px;border:1px solid #dfe8e4;border-radius:18px;background:#fff}.policy-stack article>span{width:42px;height:42px;display:grid;place-content:center;border-radius:12px;background:#fff5dc}.policy-stack h3{margin:0 0 5px;font-size:20px}.policy-stack p{margin:0;color:#5a6b63;font-size:14px}.policy-stack .text-link{margin:10px 12px 0}
.axes-section-v2{background:#f2f6f4}.axes-layout-v2 .axis-panel{color:var(--ink);border:1px solid #dce7e2;background:linear-gradient(140deg,#fff,#f2f8f5);box-shadow:0 22px 60px rgba(15,80,57,.07)}.axes-layout-v2 .axis-panel::before{background:radial-gradient(circle,rgba(216,172,76,.14),transparent 67%)}.axes-layout-v2 .axis-panel h3{color:var(--green-800)}.axes-layout-v2 .axis-panel p{color:#4f6259}.axes-layout-v2 .axis-score{color:var(--green-800);border-color:#d7c487;background:#fff8e6}.axes-layout-v2 .axis-number{color:#d7e5de}.axes-layout-v2 .sdg-list b{color:var(--green-800)}.axes-layout-v2 .sdg-list span{color:#3d564a;border-color:#d8e6df;background:#fff}.axes-layout-v2 .axis-bar{background:#dce8e2}
.evaluation-light{color:var(--ink);background:linear-gradient(145deg,#eef6f2,#fbfcfb)}.evaluation-light .evaluation-copy h2{color:var(--ink)}.evaluation-light .evaluation-copy>p{color:#50645a}.evaluation-light .evaluation-elements span{color:#3e574b;border-color:#d1e1d9;background:rgba(255,255,255,.8)}.evaluation-light .scoreboard{color:var(--ink);border-color:#d8e4de;background:#fff;box-shadow:0 22px 60px rgba(15,80,57,.07)}.evaluation-light .scoreboard-head,.evaluation-light .score-row{border-color:#e1e8e5}.evaluation-light .scoreboard-head{color:#60716a}.evaluation-light .score-row>span{color:#243a30}.evaluation-light .score-row>div{background:#e5ece8}.evaluation-light .score-total span{color:#233a30}
.governance-section{background:#fff}.governance-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.governance-cards{display:grid;gap:14px}.governance-cards article{display:grid;grid-template-columns:54px 1fr;gap:0 18px;padding:25px;border:1px solid #dce6e1;border-radius:19px;background:#fbfdfc}.governance-cards span{grid-row:1/3;width:50px;height:50px;display:grid;place-content:center;border-radius:15px;color:var(--green-700);background:#eaf4ef;font-weight:900}.governance-cards h3{margin:0 0 4px;font-size:21px}.governance-cards p{margin:0;color:#5b6c64;font-size:14px}.awards-light{background:#f4f7f5}.awards-light .award-visual{border-radius:28px;background:linear-gradient(145deg,#eaf3ee,#fff)}.awards-light .award-halo{background:radial-gradient(circle,rgba(216,172,76,.28),transparent 66%)}.awards-light .award-list li{border-color:#dce5e1;background:#fff}.journey-compact{background:#fff}.journey-compact .section-heading.center{margin-bottom:45px}.timeline-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none}.timeline-grid::before{display:none}.timeline-grid li{position:relative;min-height:170px;display:flex;flex-direction:column;padding:22px;border:1px solid #dce6e1;border-radius:18px;background:#f8fbf9}.timeline-grid li>div{display:flex;flex-direction:column;flex-grow:1}.timeline-grid li::before,.timeline-grid li::after{display:none}.timeline-grid li>span{position:static;width:44px;height:44px;margin:0 0 26px;display:grid;place-content:center;border:0;border-radius:13px;color:var(--green-800);background:#e7f2ec;font-size:17px;font-weight:900}.timeline-grid li:first-child>span,.timeline-grid li:last-child>span{color:#2a2416;background:linear-gradient(135deg,var(--gold-light),var(--gold))}.timeline-grid h3{margin:0 0 6px;font-size:19px}.timeline-grid p{margin:auto 0 0 0;color:#63736c;font-size:13px;line-height:1.65;text-align:right}.final-cta-actions{display:flex;gap:12px;flex-wrap:wrap}.home-revamp .faq-section{background:#f3f7f5}.home-revamp .accordion-item button{font-size:17px}.home-revamp .accordion-item p{color:#53665d;font-size:15px}