@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fafafa}button{-webkit-tap-highlight-color:transparent}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#262626,#1a1a1a 75%);background-size:200% 100%;animation:shimmer 2s infinite linear}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.flip-page-enter{animation:flipIn .4s cubic-bezier(.4,0,.2,1) forwards;transform-origin:left center}.flip-page-exit{animation:flipOut .4s cubic-bezier(.4,0,.2,1) forwards;transform-origin:right center}@keyframes flipIn{0%{transform:perspective(1200px) rotateY(90deg);opacity:0}to{transform:perspective(1200px) rotateY(0);opacity:1}}@keyframes flipOut{0%{transform:perspective(1200px) rotateY(0);opacity:1}to{transform:perspective(1200px) rotateY(-90deg);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in-right{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}.category-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.category-card:active{transform:scale(.97)}.product-card{transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#404040;border-radius:2px}.card-hover-polaroid{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.card-hover-polaroid:hover{transform:rotate(0) translateY(-4px)}.card-hover-platform{transition:transform .2s ease,box-shadow .2s ease}.card-hover-platform:hover{transform:translateY(-4px) skew(-1deg)}.card-hover-bounce{transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.card-hover-bounce:hover{transform:translateY(-6px)}.card-hover-shine{position:relative;overflow:hidden}.card-hover-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}.card-hover-shine:hover:after{transform:translate(100%)}.card-hover-zoom{transition:transform .5s cubic-bezier(.4,0,.2,1)}.card-hover-zoom:hover{transform:scale(1.05)}.orb-glow{transition:box-shadow .5s ease,transform .5s ease}.orb-glow:hover{box-shadow:0 0 30px #1fb6c94d}@keyframes seal-spin{0%{transform:rotate(0)}to{transform:rotate(5deg) scale(1.1)}}.seal-hover:hover{animation:seal-spin .3s ease forwards}@keyframes paw-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.paw-bounce{animation:paw-bounce .6s ease infinite}.btn-press{transition:transform .15s ease,box-shadow .15s ease}.btn-press:active{transform:scale(.95)}@keyframes confetti-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(10deg)}}.confetti-float{animation:confetti-float 3s ease-in-out infinite}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slide-up .5s ease forwards}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.scroll-indicator{animation:scroll-bounce 1.5s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.3}50%{opacity:.6}}.glow-pulse{animation:glow-pulse 2s ease-in-out infinite}