body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particles span{position:absolute;width:6px;height:6px;background:#fff9;border-radius:50%;animation:floatUp 6s linear infinite;filter:blur(1px)}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(-500px) scale(.5);opacity:0}}.logo-shine{position:relative;overflow:hidden}.logo-shine:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:translate(-150%);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-150%)}to{transform:translate(150%)}}.fade-in{animation:fadeIn .8s ease-out forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.slide-up{animation:slideUp .7s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.category-active{position:relative}.category-active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;border-radius:2px;background-color:currentColor}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.overflow-x-auto{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media(max-width:640px){.scroll-fade-edge{position:relative}.scroll-fade-edge:before,.scroll-fade-edge:after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1}.scroll-fade-edge:before{left:0;background:linear-gradient(to right,white,transparent)}.scroll-fade-edge:after{right:0;background:linear-gradient(to left,white,transparent)}}.ripple-effect{position:relative;overflow:hidden;transform:translateZ(0)}.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff9;transform:translate(-50%,-50%);transition:width .4s ease-out,height .4s ease-out;pointer-events:none}.ripple-effect:active:after{width:200%;height:200%}.ripple-effect-dark:after{background:#0000001a}