:root{--font-inter:"Inter", sans-serif;--font-coda:"Coda", cursive;--color-bg:#002643;--color-deep-blue:#10044a;--color-light-blue:#113074;--color-black:#0d0d0d;--color-red:#ab0000;--color-red3:#8b0000;--color-gold:#fac50f;--color-gold-light:gold;--color-yellow:#f5ed8d;--color-orange:#ff9100;--color-violet:#391566;--color-purple:#3d0d49;--color-deep-purple:#1c0b33;--color-white:#fff;--color-white-smoke:#f0f0f0;--color-disabled:#5f5f5f;--color-passive:#7d7d7d;--color-success:#00890e;--gradient-gold:linear-gradient(180deg, #e7b846 0%, #fff2a4 29.17%, #e7b846 70.83%, #e0bc38 85.94%, #d49922 100%);--gradient-gold-lean:linear-gradient(104.04deg, #e7b846 9.67%, #fff2a4 28.36%, #e7b846 63.41%, #e0bc38 77.31%, #d59922 91.5%);--gradient-gold-scratch:linear-gradient(124.34deg, #e7b846 11.72%, #fff2a4 34.36%, #e7b846 76.82%, #e0bc38 93.66%, #d59922 110.85%);--gradient-red:linear-gradient(180deg, #8b0000 50%, #520000 100%);--gradient-glass:linear-gradient(180deg, #44444480 0%, #0000001a 100%);--gradient-violet:linear-gradient(170.52deg, #401166cc 2.33%, #0f0a3e4d 94.64%);--bp-xs:320px;--bp-sm:600px;--bp-md:800px;--bp-lg:1025px;--bp-xl:1280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-inter);background:var(--color-bg);color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overscroll-behavior-y:contain;overflow-x:hidden}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background:#d3d3d3}::-webkit-scrollbar-thumb{background:#a9a9a9}.flex-col{flex-direction:column;display:flex}.flex-col-center{flex-direction:column;align-items:center;display:flex}.flex-row{flex-direction:row;display:flex}.flex-row-center{flex-direction:row;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gold-text{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.coda{font-family:var(--font-coda)}@keyframes heroTextEnter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}