@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/geist-400.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/geist-500.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/geist-600.woff2) format("woff2");
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/geist-mono-400.woff2) format("woff2");
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/geist-mono-500.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/geist-700.woff2) format("woff2");
}

body{margin:0;background:#F7F5EF;-webkit-font-smoothing:antialiased}
a{color:#111111}a:hover{color:#1D4ED8}
button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #2563EB;outline-offset:3px;border-radius:8px}
.s-ease{transition:transform 0.27s cubic-bezier(.22,1,.36,1),opacity 0.1575s ease,background-color 0.135s ease,border-color 0.135s ease,color 0.135s ease}
@keyframes sbob{0%,100%{translate:0 0}50%{translate:0 -9px}}
.s-bob{animation:sbob 1.8s ease-in-out infinite}.s-bob2{animation:sbob 2.25s ease-in-out infinite 0.315s}.s-bob3{animation:sbob 2.07s ease-in-out infinite 0.63s}
@keyframes srise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.s-rise{animation:srise 0.2475s cubic-bezier(.22,1,.36,1) both}.s-d1{animation-delay:0.1s}.s-d2{animation-delay:0.135s}
.s-btn{transition:transform 0.1s ease}.s-btn:hover{transform:translateY(-1px)}
.s-navlink{text-decoration:none;color:#3A3A3A}.s-navlink:hover{color:#111111}
@media (max-width:760px){.s-h1{font-size:48px!important}.s-h2{font-size:34px!important}.s-hide-sm{display:none!important}.s-pad{padding:28px!important}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.p-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:500}
.p-mono{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:0.08em}
.p-card{border-radius:24px;background:#FFFFFF;border:1px solid #E7E3D8}
.p-bar{transition:width 0.405s cubic-bezier(.22,1,.36,1),left 0.405s cubic-bezier(.22,1,.36,1),background-color 0.135s ease,opacity 0.135s ease}
@keyframes pcaret{0%,49%{opacity:1}50%,100%{opacity:0}}
.p-caret{display:inline-block;width:2px;height:1em;background:currentColor;vertical-align:-0.12em;margin-left:2px;animation:pcaret 0.45s steps(1) infinite}
@media (max-width:760px){.p-name{font-size:64px!important}.p-gantt-label{width:110px!important}}

.example-profile-style-1 { color: #111111; }
.example-profile-style-2 { font-family: 'Geist Mono', monospace; font-size: 13px; color: #4A4A4A; }
.example-profile-style-3 { display: flex; align-items: center; gap: 8px; text-decoration: none; color: #111111; }
.example-profile-style-4 { border: 0; border-radius: 999px; padding: 8px 16px; font-size: 14px; font-weight: 500; }
.example-profile-style-5 { display: flex; gap: 4px; padding: 4px; background: #EDEAE1; border-radius: 999px; }
.example-profile-style-6 { text-decoration: none; border: 1px solid #D9D4C7; background: #FFFFFF; color: #111111; padding: 10px 16px; border-radius: 999px; font-size: 14px; font-weight: 500; }
.example-profile-style-7 { text-decoration: none; background: #111111; color: #FFFFFF; padding: 10px 16px; border-radius: 999px; font-size: 14px; font-weight: 500; }
.example-profile-style-8 { display: flex; gap: 8px; align-items: center; }
.example-profile-style-9 { max-width: 1240px; margin: 0 auto; padding: 12px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.example-profile-style-10 { position: sticky; top: 0; z-index: 10; background: rgba(247,245,239,0.92); backdrop-filter: blur(10px); border-bottom: 1px solid #E7E3D8; }
.example-profile-style-11 { width: 7px; height: 7px; border-radius: 50%; background: #166534; }
.example-profile-style-12 { background: #C9EBC0; color: #166534; }
.example-profile-style-13 { background: #EDEAE1; color: #3A3A3A; }
.example-profile-style-14 { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.example-profile-style-15 { margin: 0; font-weight: 600; font-size: 112px; line-height: 0.9; letter-spacing: -0.065em; }
.example-profile-style-16 { margin: 0; font-size: 26px; line-height: 1.35; letter-spacing: -0.015em; color: #1F1F1F; max-width: 640px; }
.example-profile-style-17 { font-size: 11px; color: #6B6B6B; }
.example-profile-style-18 { font-weight: 600; font-size: 16px; }
.example-profile-style-19 { padding: 12px 16px; border-radius: 16px; background: #FFFFFF; border: 1px solid #E7E3D8; display: flex; flex-direction: column; gap: 2px; }
.example-profile-style-20 { display: flex; gap: 10px; flex-wrap: wrap; }
.example-profile-style-21 { flex: 1.3 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 22px; justify-content: center; }
.example-profile-style-22 { position: absolute; left: -20%; right: -20%; bottom: -190px; height: 320px; border-radius: 50%; background: #A9D99A; }
.example-profile-style-23 { position: absolute; left: 50%; top: 56px; transform: translateX(-50%); width: 280px; height: 340px; object-fit: cover; object-position: center 25%; border-radius: 140px 140px 32px 32px; background: #111111; box-shadow: 0 30px 60px -30px rgba(0,0,0,0.35); }
.example-profile-style-24 { font-weight: 600; font-size: 14px; }
.example-profile-style-25 { font-size: 12px; color: #3A3A3A; }
.example-profile-style-26 { position: absolute; left: 22px; top: 92px; max-width: 190px; padding: 12px 16px; border-radius: 18px; background: #F6E7B8; box-shadow: inset 0 -5px 0 rgba(0,0,0,0.06); display: flex; flex-direction: column; gap: 2px; }
.example-profile-style-27 { position: absolute; right: 20px; top: 200px; padding: 12px 16px; border-radius: 18px; background: #FFD6E5; box-shadow: inset 0 -5px 0 rgba(0,0,0,0.06); display: flex; flex-direction: column; gap: 2px; }
.example-profile-style-28 { position: absolute; left: 36px; bottom: 34px; padding: 12px 16px; border-radius: 18px; background: #FFFFFF; box-shadow: inset 0 -5px 0 rgba(0,0,0,0.06); display: flex; flex-direction: column; gap: 2px; }
.example-profile-style-29 { font-size: 12px; color: #B8B4AA; }
.example-profile-style-30 { position: absolute; right: 30px; bottom: 50px; padding: 12px 16px; border-radius: 18px; background: #111111; color: #FFFFFF; display: flex; flex-direction: column; gap: 2px; }
.example-profile-style-31 { flex: 1 1 400px; min-width: 0; border-radius: 36px; background: #CFE3FA; position: relative; overflow: hidden; min-height: 520px; }
.example-profile-style-32 { max-width: 1240px; margin: 0 auto; padding: 56px 24px 40px; display: flex; flex-wrap: wrap; gap: 48px; align-items: stretch; }
.example-profile-style-33 { font-weight: 600; font-size: 40px; letter-spacing: -0.04em; line-height: 1; }
.example-profile-style-34 { font-size: 14px; color: #4A4A4A; }
.example-profile-style-35 { padding: 20px 22px; display: flex; flex-direction: column; gap: 4px; }
.example-profile-style-36 { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.example-profile-style-37 { max-width: 1240px; margin: 0 auto; padding: 0 24px 40px; }
.example-profile-style-38 { color: #4A4A4A; }
.example-profile-style-39 { background: #E3EDFF; color: #1D4ED8; }
.example-profile-style-40 { background: #FFF1DD; color: #9A3412; }
.example-profile-style-41 { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.example-profile-style-42 { font-size: 13px; color: #6B6B6B; }
.example-profile-style-43 { border-radius: 24px; background: #FFFFFF; border: 1px solid #E7E3D8; padding: 18px 22px; display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: center; justify-content: space-between; }
.example-profile-style-44 { max-width: 1240px; margin: 0 auto; padding: 0 24px 72px; }
.example-profile-style-45 { margin: 0; font-weight: 600; font-size: 48px; letter-spacing: -0.045em; line-height: 1; }
.example-profile-style-46 { font-size: 15px; color: #4A4A4A; }
.example-profile-style-47 { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.example-profile-style-48 { font-size: 11px; opacity: 0.75; }
.example-profile-style-49 { padding: 4px 10px; font-size: 11px; }
.example-profile-style-50 { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.example-profile-style-51 { font-weight: 600; font-size: 24px; line-height: 1.15; letter-spacing: -0.02em; }
.example-profile-style-52 { font-size: 15px; line-height: 1.5; opacity: 0.85; }
.example-profile-style-53 { display: flex; flex-direction: column; gap: 8px; }
.example-profile-style-54 { font-size: 11px; opacity: 0.7; }
.example-profile-style-55 { border-radius: 28px; padding: 26px; min-height: 230px; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; box-shadow: inset 0 -6px 0 rgba(0,0,0,0.05); }
.example-profile-style-56 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.example-profile-style-57 { max-width: 1240px; margin: 0 auto; padding: 0 24px 88px; display: flex; flex-direction: column; gap: 24px; }
.example-profile-style-58 { display: flex; flex-direction: column; gap: 10px; }
.example-profile-style-59 { flex: none; width: 210px; }
.example-profile-style-60 { flex: 1; display: flex; justify-content: space-between; font-family: 'Geist Mono', monospace; font-size: 11px; color: #6B6B6B; }
.example-profile-style-61 { display: flex; gap: 12px; padding-bottom: 6px; }
.example-profile-style-62 { font-weight: 600; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.example-profile-style-63 { font-size: 12px; color: #6B6B6B; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.example-profile-style-64 { flex: none; width: 210px; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.example-profile-style-65 { position: absolute; top: 3px; bottom: 3px; border-radius: 6px; }
.example-profile-style-66 { position: absolute; right: 8px; top: 6px; font-size: 10px; color: #166534; }
.example-profile-style-67 { flex: 1; position: relative; height: 26px; border-radius: 8px; background: #F7F5EF; }
.example-profile-style-68 { all: unset; cursor: pointer; display: flex; gap: 12px; align-items: center; padding: 6px 0; border-radius: 10px; }
.example-profile-style-69 { align-self: flex-start; margin-top: 8px; border: 1px solid #D9D4C7; background: #FFFFFF; border-radius: 999px; padding: 9px 16px; font-size: 14px; font-weight: 500; }
.example-profile-style-70 { flex: 1.6 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.example-profile-style-71 { font-size: 11px; color: #3A3A3A; }
.example-profile-style-72 { font-weight: 600; font-size: 30px; line-height: 1.05; letter-spacing: -0.03em; }
.example-profile-style-73 { font-size: 16px; font-weight: 500; }
.example-profile-style-74 { font-size: 15px; line-height: 1.55; color: #2A2A2A; }
.example-profile-style-75 { font-size: 11px; color: #4A4A4A; }
.example-profile-style-76 { padding: 4px 10px; font-size: 12px; }
.example-profile-style-77 { font-size: 13px; color: #3A3A3A; }
.example-profile-style-78 { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.example-profile-style-79 { display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 16px; background: rgba(255,255,255,0.7); }
.example-profile-style-80 { flex: 1 1 340px; min-width: 0; position: sticky; top: 90px; border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 14px; box-shadow: inset 0 -6px 0 rgba(0,0,0,0.05); }
.example-profile-style-81 { display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-start; }
.example-profile-style-82 { max-width: 1240px; margin: 0 auto; display: flex; flex-direction: column; gap: 28px; }
.example-profile-style-83 { background: #FFFFFF; border-top: 1px solid #E7E3D8; border-bottom: 1px solid #E7E3D8; padding: 88px 24px; }
.example-profile-style-84 { font-family: 'Geist Mono', monospace; font-size: 12px; opacity: 0.6; }
.example-profile-style-85 { border-radius: 999px; padding: 9px 16px; min-height: 40px; font-size: 14px; font-weight: 500; }
.example-profile-style-86 { display: flex; gap: 8px; flex-wrap: wrap; }
.example-profile-style-87 { width: 36px; height: 36px; border-radius: 11px; box-shadow: inset 0 -4px 0 rgba(0,0,0,0.06); }
.example-profile-style-88 { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.example-profile-style-89 { font-weight: 600; font-size: 18px; line-height: 1.25; letter-spacing: -0.01em; }
.example-profile-style-90 { font-size: 14px; line-height: 1.5; color: #4A4A4A; }
.example-profile-style-91 { padding: 3px 9px; font-size: 11px; }
.example-profile-style-92 { font-size: 12px; color: #6B6B6B; align-self: center; }
.example-profile-style-93 { display: flex; gap: 6px; flex-wrap: wrap; margin-top: auto; padding-top: 4px; }
.example-profile-style-94 { padding: 22px; display: flex; flex-direction: column; gap: 10px; }
.example-profile-style-95 { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.example-profile-style-96 { max-width: 1240px; margin: 0 auto; padding: 88px 24px; display: flex; flex-direction: column; gap: 28px; }
.example-profile-style-97 { font-weight: 600; font-size: 18px; line-height: 1.25; }
.example-profile-style-98 { padding: 22px; display: flex; flex-direction: column; gap: 8px; }
.example-profile-style-99 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.example-profile-style-100 { color: #B8B4AA; }
.example-profile-style-101 { margin: 0; font-size: 16px; line-height: 1.6; color: #D6D2C8; }
.example-profile-style-102 { text-align: left; border-radius: 16px; padding: 13px 16px; font-size: 15px; font-weight: 500; }
.example-profile-style-103 { flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.example-profile-style-104 { align-self: flex-end; max-width: 80%; padding: 12px 16px; border-radius: 18px 18px 6px 18px; background: #FFFFFF; color: #111111; font-size: 15px; font-weight: 500; }
.example-profile-style-105 { flex: none; width: 32px; height: 32px; border-radius: 50%; object-fit: cover; object-position: center 25%; }
.example-profile-style-106 { ; }
.example-profile-style-107 { padding: 14px 16px; border-radius: 18px 18px 18px 6px; font-size: 15px; line-height: 1.55; }
.example-profile-style-108 { padding: 4px 10px; font-size: 12px; background: #2A2A2A; color: #D6D2C8; }
.example-profile-style-109 { display: flex; gap: 6px; flex-wrap: wrap; }
.example-profile-style-110 { align-self: flex-start; max-width: 92%; display: flex; gap: 10px; align-items: flex-start; }
.example-profile-style-111 { flex: 1.2 1 440px; min-width: 0; border-radius: 28px; background: #1E1E1E; padding: 24px; display: flex; flex-direction: column; gap: 14px; min-height: 360px; }
.example-profile-style-112 { max-width: 1240px; margin: 0 auto; border-radius: 36px; background: #111111; color: #FFFFFF; padding: 56px; box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start; }
.example-profile-style-113 { padding: 0 24px 88px; scroll-margin-top: 80px; }
.example-profile-style-114 { margin: 0; font-size: 16px; line-height: 1.6; color: #3A3A3A; }
.example-profile-style-115 { display: flex; gap: 4px; padding: 4px; background: #EDEAE1; border-radius: 999px; align-self: flex-start; }
.example-profile-style-116 { flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.example-profile-style-117 { width: 10px; height: 10px; border-radius: 50%; background: #E7E3D8; }
.example-profile-style-118 { margin-left: 10px; font-family: 'Geist Mono', monospace; font-size: 12px; color: #4A4A4A; }
.example-profile-style-119 { display: flex; gap: 6px; align-items: center; padding: 12px 16px; border-bottom: 1px solid #E7E3D8; background: #F7F5EF; }
.example-profile-style-120 { margin: 0; padding: 22px 24px; font-family: 'Geist Mono', monospace; font-size: 13px; line-height: 1.7; color: #2A2A2A; white-space: pre-wrap; background: #FFFFFF; }
.example-profile-style-121 { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; object-position: center 25%; }
.example-profile-style-122 { font-weight: 600; font-size: 22px; letter-spacing: -0.02em; }
.example-profile-style-123 { padding: 3px 9px; font-size: 11px; background: #F6E7B8; }
.example-profile-style-124 { padding: 3px 9px; font-size: 11px; background: #C9EBC0; }
.example-profile-style-125 { display: flex; gap: 6px; padding-top: 6px; }
.example-profile-style-126 { display: flex; flex-direction: column; gap: 4px; }
.example-profile-style-127 { padding: 24px; display: flex; gap: 16px; align-items: center; }
.example-profile-style-128 { flex: 1.3 1 480px; min-width: 0; border-radius: 28px; overflow: hidden; border: 1px solid #E7E3D8; background: #FFFFFF; }
.example-profile-style-129 { max-width: 1240px; margin: 0 auto; padding: 0 24px 88px; display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start; }
.example-profile-style-130 { font-size: 11px; color: #6B6B6B; align-self: center; }
.example-profile-style-131 { color: #6B6B6B; }
.example-profile-style-132 { display: flex; gap: 18px; flex-wrap: wrap; font-size: 14px; }
.example-profile-style-133 { font-weight: 600; }
.example-profile-style-134 { display: flex; align-items: center; gap: 8px; text-decoration: none; color: #111111; font-size: 14px; }
.example-profile-style-135 { max-width: 1240px; margin: 0 auto; padding: 40px 24px; display: flex; flex-wrap: wrap; gap: 24px; justify-content: space-between; align-items: center; }
.example-profile-style-136 { border-top: 1px solid #E7E3D8; }
.example-profile-style-137 { font-family: 'Geist', system-ui, sans-serif; color: #111111; background: #F7F5EF; min-height: 100dvh; }
html {scroll-behavior:smooth;scroll-padding-top:90px;} .skip-link{position:fixed;left:16px;top:-60px;z-index:30;padding:12px 18px;background:white;} .skip-link:focus{top:12px;} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

.example-profile-unicef-badge { position: absolute; right: 20px; top: 8px; max-width: min(230px, calc(100% - 72px)); padding: 12px 16px; border-radius: 18px; background: #FFFFFF; box-shadow: inset 0 -5px 0 rgba(0,0,0,0.06); display: flex; flex-direction: column; gap: 4px; line-height: 1.3; }