body{font-family:Inter, system-ui, sans-serif;overflow-x:hidden;}.hero-canvas{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;}.floating-animation{animation-duration:6s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:float;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.floating-animation:nth-child(2){animation-delay:-2s;}.floating-animation:nth-child(3){animation-delay:-4s;}.glow-effect{box-shadow:rgba(255, 215, 0, 0.5) 0px 0px 30px;}.speed-line{position:absolute;background-image:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;height:2px;width:100%;animation-duration:3s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:speedMove;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.nav-link{transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:all;}.nav-link:hover{color:rgb(251, 191, 36) !important;transform:scale(1.05);}.product-card{transition-behavior:normal;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0s;transition-property:all;}.product-card:hover{transform:translateY(-10px);box-shadow:rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;}.image-hover{transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:transform;}.image-hover:hover{transform:scale(1.05);}.btn-hover{transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:all;}.btn-hover:hover{transform:translateY(-2px);box-shadow:rgba(0, 0, 0, 0.2) 0px 10px 25px;}.gradient-text{background-image:linear-gradient(90deg, rgb(251, 191, 36), rgb(245, 158, 11), rgb(239, 68, 68));background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-color:initial;-webkit-text-fill-color:transparent;background-clip:text;}.loading{animation-duration:1.5s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:loading;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:rgb(31, 41, 55);}::-webkit-scrollbar-thumb{background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:rgb(251, 191, 36);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}::-webkit-scrollbar-thumb:hover{background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:rgb(245, 158, 11);}.focus\:outline-none:focus{outline-color:initial;outline-style:none;outline-width:initial;}.focus\:ring-2:focus{box-shadow:rgba(251, 191, 36, 0.5) 0px 0px 0px 3px;}.transition-custom{transition-behavior:normal;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0s;transition-property:all;}.delay-100{animation-delay:0.1s;}.delay-200{animation-delay:0.2s;}.delay-300{animation-delay:0.3s;}@keyframes float{0%{transform:translateY(0px);}50%{transform:translateY(-20px);}100%{transform:translateY(0px);}}@keyframes speedMove{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}@keyframes loading{0%, 100%{opacity:1;}50%{opacity:0.5;}}@media (prefers-color-scheme: dark){.dark\:bg-gray-900{background-color:rgb(17, 24, 39);}.dark\:text-white{color:rgb(255, 255, 255);}}@media (max-width: 768px){.grid-responsive{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)) !important;}.text-responsive{font-size:clamp(1rem, 4vw, 2rem);}}