:root{--navy:#003e6f;--blue:#1c75bc;--cyan:#e8f0fa;--ink:#2f3846;--muted:#6b7a8d;--line:#c3d1e2;--bg:#f0f4f8;--shadow:0 14px 45px rgba(0,44,114,.10)}
body{background:var(--bg)}main{min-height:70vh;padding-top:125px}.site-header{position:absolute;top:28px;left:20px;right:20px;width:auto;height:92px;padding:10px 18px 10px 30px;border:0;border-radius:50px;background:#fff;box-shadow:0 8px 40px rgba(0,44,114,.12);z-index:100}.brand img{width:190px;height:65px}.brand span{font-family:Outfit,Inter,sans-serif}.nav{gap:20px}.nav>a{font-size:14px}.nav>.button,.nav a:last-of-type{border-radius:35px}.button,button.primary{border-radius:35px;padding:13px 24px}.button.ghost{border-color:var(--line)}
.hero{margin-top:-125px;padding-top:215px;min-height:680px;background:radial-gradient(circle at 85% 14%,rgba(91,164,230,.24),transparent 28%),linear-gradient(145deg,#fff 0,#e8f0fa 100%)}.hero-card,.side{background:linear-gradient(145deg,#002c50,#003e6f)}.card,.form-card,.stat,.table-wrap,.empty{border-radius:16px}.card{box-shadow:0 10px 30px rgba(0,44,114,.06)}.card:hover{box-shadow:0 15px 38px rgba(0,44,114,.1)}.event-card{border-radius:16px}.event-image span,.badge{border-radius:25px}.form-card{border-top:5px solid var(--blue)}input,select,textarea{border-radius:10px}.side{border-radius:16px}.stat{border-top:4px solid var(--blue)}
.portal-sdg-strip{height:8px;display:grid;grid-template-columns:repeat(17,1fr)}.portal-sdg-strip span{display:block}.portal-footer{padding:65px max(6vw,24px);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:38px;background:#fff;border:0;color:var(--muted)}.portal-footer h3{font-size:17px;color:var(--navy)}.portal-footer a{display:block;color:var(--muted);margin-top:8px}.portal-footer a:hover{color:var(--blue)}.portal-footer__brand img{width:210px}.portal-footer__brand p{max-width:460px}.portal-footer__brand b{color:var(--blue)}.portal-footer__bottom{padding:20px max(6vw,24px);display:flex;justify-content:space-between;gap:20px;background:#e8edf3;color:var(--muted)}
@media(max-width:1180px){.site-header{left:12px;right:12px}.nav{gap:12px}.nav>a{font-size:12px}.brand span{display:none}}
@media(max-width:800px){main{padding-top:105px}.site-header{top:12px;left:8px;right:8px;height:76px;padding:8px 14px 8px 20px}.brand img{width:150px;height:55px}.nav{top:84px;left:0;right:0;border-radius:18px;padding:24px}.nav>a{font-size:15px}.hero{margin-top:-105px;padding-top:160px}.portal-footer{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.portal-footer{grid-template-columns:1fr}.portal-footer__bottom{flex-direction:column}}