@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&family=Public+Sans:wght@400;500;600;700&display=swap');
:root{--color-primary:#25328E;--color-white:#fff;--text-dark:#12152e;}
*{box-sizing:border-box}
body{margin:0;font-family:'Public Sans',sans-serif;color:#12152e;overflow-x:hidden}
a{color:#25328E}
a:hover{color:#1a2470}
img{max-width:100%}
@keyframes kkFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes kkFadeLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
@keyframes kkFadeRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
@keyframes kkFadeDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes kkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.is-visible{opacity:1;transform:translate(0,0)}
.reveal-left{opacity:0;transform:translateX(-30px);transition:opacity .6s ease,transform .6s ease}
.reveal-left.is-visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(30px);transition:opacity .6s ease,transform .6s ease}
.reveal-right.is-visible{opacity:1;transform:translateX(0)}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}.reveal,.reveal-left,.reveal-right{opacity:1 !important;transform:none !important}}