*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:Cairo,Poppins,sans-serif;background-color:#f0f8f5;color:#1c1c1c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}html.dark,html.dark body{background-color:#0a1929;color:#e0e0e0}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.page-load-animation{animation:fadeIn .8s ease-out forwards}@media(prefers-reduced-motion:reduce){.animate-on-scroll,.page-load-animation{animation:none;opacity:1;transform:none;transition:none}}