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

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{margin:0;background:#06202C;color:#F4ECDD;font-family:'Poppins',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%}
::selection{background:#FF6A3D;color:#fff}
a:focus-visible,button:focus-visible{outline:2px solid #FF6A3D;outline-offset:3px;border-radius:6px}
h1,h2{text-wrap:balance}
p{text-wrap:pretty}
.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}
.no-scrollbar::-webkit-scrollbar{display:none}

@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes cue{0%{transform:translateY(0);opacity:.9}50%{transform:translateY(8px);opacity:.3}100%{transform:translateY(0);opacity:.9}}
@keyframes kenburns{from{transform:scale(1.02)}to{transform:scale(1.14)}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}