main{padding:20px;margin-top:80px;max-width:1200px;margin-left:auto;margin-right:auto}.section-title{font-size:50px;color:#fff;text-align:center;margin-bottom:40px;background:linear-gradient(90deg,#ffffff 0%,#d3d3d3 25%,#181818 50%,#c7c7c7 75%,#292929 100%);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:rgbAnimation 5s linear infinite;transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out}.section-title.hidden{opacity:0;transform:translateY(-10px)}.section-title.visible-title{opacity:1;transform:translateY(0)}.videos-container iframe{width:800px;height:450px;border-radius:15px;border:none;box-shadow:0 0 20px rgb(0 0 0 / .5);background-color:#1a1a1a}.carousel-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto 60px;opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.carousel-container.visible{opacity:1;transform:translateY(0)}.carousel-track{display:flex;justify-content:center;align-items:center;width:100%;height:450px;position:relative}.carousel-item{position:absolute;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;width:800px;transition:transform 0.8s cubic-bezier(.19,1,.22,1),opacity 0.8s cubic-bezier(.19,1,.22,1)}.carousel-item:nth-child(1){transform:translateX(-50%) scale(.8);opacity:.5;z-index:5}.carousel-item:nth-child(2){transform:translateX(0) scale(1);opacity:1;z-index:10}.carousel-item:nth-child(3){transform:translateX(50%) scale(.8);opacity:.5;z-index:5}.carousel-item.prev-visible{transform:translateX(-50%) scale(.8);opacity:.5;z-index:5}.carousel-item.active{transform:translateX(0) scale(1);opacity:1;z-index:10}.carousel-item.next-visible{transform:translateX(50%) scale(.8);opacity:.5;z-index:5}.carousel-item:not(.active) .play-button{display:none}.carousel-wrapper{position:relative;width:100%;height:450px;display:flex;align-items:center;justify-content:center}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#fff0;border:none;color:rgb(255 255 255 / .4);font-size:5rem;cursor:pointer;padding:10px;z-index:100;transition:color 0.3s ease,transform 0.3s ease}.carousel-button:hover{color:rgb(255 255 255 / .9);transform:translateY(-50%) scale(1.1)}.carousel-item.active{position:relative;transform:translateX(0) scale(1);opacity:1;z-index:10}.carousel-button.prev{left:-200px;top:50%;transform:translateY(-50%)}.carousel-button.next{right:-200px;top:50%;transform:translateY(-50%)}.carousel-container .section-title{margin-bottom:20px}.carousel-indicators{display:flex;justify-content:center;gap:15px;margin-top:20px}.indicator{width:12px;height:12px;border-radius:50%;background-color:rgb(255 255 255 / .3);cursor:pointer;transition:background-color 0.3s ease}.indicator.active-indicator{background-color:#fff}.video-thumbnail-container{position:relative;cursor:pointer;border-radius:15px;overflow:hidden;width:800px;height:450px;background-color:#1a1a1a;box-shadow:0 0 20px rgb(0 0 0 / .5)}.video-thumb{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background-color:rgb(0 0 0 / .7);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:30px;cursor:pointer;z-index:4;transition:transform 0.5s ease,opacity 0.5s ease}.play-button i{color:#fff0;margin-left:5px;background:linear-gradient(90deg,red,orange,yellow,green,blue,violet,red);background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:rgbWave 2s linear infinite;text-shadow:0 0 8px rgb(255 255 255 / .6)}.play-button:hover{transform:translate(-50%,-50%) scale(.95);opacity:.7}@keyframes rgbWave{0%{background-position:0% 50%}100%{background-position:400% 50%}}.product-item{display:flex;align-items:stretch;justify-content:space-between;gap:80px;margin-bottom:80px;opacity:0;transform:translateY(20px);animation:fadeInSlideUp 1s forwards}.product-content-group{display:flex;flex-direction:column;gap:40px;flex:1.5}.product-image-container{flex:2.5;display:flex;justify-content:center;align-items:center;cursor:zoom-in;position:relative;overflow:hidden;border-radius:15px}.product-image-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .6);opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:1;border-radius:inherit}.product-image-container:hover::before{opacity:1}.product-image{width:100%;height:100%;object-fit:cover;border-radius:15px;box-shadow:0 4px 15px rgb(0 0 0 / .3);transition:transform 0.3s ease}.product-image:hover{transform:scale(.97)}.product-content{flex:1}.product-title{font-size:32px;text-align:left;background:linear-gradient(90deg,#ffffff 0%,#d3d3d3 25%,#181818 50%,#c7c7c7 75%,#292929 100%);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:rgbAnimation 5s linear infinite}.rgb-text-wave{background:linear-gradient(90deg,red,orange,yellow,green,blue,violet,red);background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:rgbWave 8s linear infinite;text-shadow:0 0 12px rgb(255 255 255 / .5);font-weight:700}@keyframes textWave{0%{background-position:0% 50%}100%{background-position:400% 50%}}.green-wave{background:linear-gradient(90deg,#fff,#4caf50,#fff);background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:textWave 8s linear infinite;text-shadow:0 0 10px rgb(255 255 255 / .4);font-weight:700}.red-wave{background:linear-gradient(90deg,#fff,#af4c4c,#fff);background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:textWave 8s linear infinite;text-shadow:0 0 10px rgb(255 255 255 / .4);font-weight:700}.nigth-wave{background:linear-gradient(90deg,#818181,#1a1919,#525252);background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:textWave 8s linear infinite;text-shadow:0 0 10px rgb(255 255 255 / .4);font-weight:700}.day-wave{background:linear-gradient(90deg,#fff,#eeda68,#fff);background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:textWave 8s linear infinite;text-shadow:0 0 10px rgb(255 255 255 / .4);font-weight:700}.product-description{font-size:16px;line-height:1.6;color:#ccc;margin-top:15px}.gallery-section{margin-bottom:80px}.section-title{margin:0 0 16px 0;text-align:center}.gallery-wrapper{position:relative;width:100vw;left:50%;transform:translateX(-50%);overflow:hidden}.gallery-track{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0;will-change:transform}.gallery-item{position:relative;flex:0 0 auto;width:600px;height:400px;cursor:zoom-in;overflow:hidden}.gallery-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .6);opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:1}.gallery-item:hover::before{opacity:1}.gallery-video{width:100%;height:100%;object-fit:contain;background:#000;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .3);display:block;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.gallery-secondary .gallery-track{gap:15px}.gallery-secondary .gallery-item{width:600px;height:400px;border-radius:15px}.gallery-secondary .gallery-video{object-fit:cover;border-radius:15px}.gallery-section{opacity:1;transform:translateY(20px);animation:fadeInSlideUp 1s forwards}.modal{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .8);justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity 0.5s ease,visibility 0.5s ease}.modal.show{opacity:1;visibility:visible}.modal-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn 0.5s ease forwards,scaleUp 0.5s ease forwards}.modal-content img{max-width:90%;max-height:80vh;transition:transform 0.8s ease;border-radius:15px;position:relative;animation:glowAnimation 3s ease-in-out infinite alternate}@keyframes glowAnimation{from{box-shadow:0 0 15px rgb(255 255 255 / .3),0 0 30px rgb(255 255 255 / .2),0 0 60px rgb(255 255 255 / .15)}to{box-shadow:0 0 25px rgb(255 255 255 / .6),0 0 50px rgb(255 255 255 / .4),0 0 90px rgb(255 255 255 / .3)}}.modal.show .modal-image-background{opacity:1}.close-modal{position:absolute;top:-35px;right:-10px;font-size:30px;color:#fff;cursor:pointer;border:none;background:none;padding:5px;transition:transform 0.3s ease,color 0.3s ease;z-index:1001;animation:constantGlow 2s ease-in-out infinite}.close-modal i{font-size:34px;transition:color 0.3s ease}.close-modal:hover{transform:rotate(360deg);color:#f44}@keyframes scaleUp{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleDown{from{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.5s ease,visibility 0.5s ease}.video-modal.active{opacity:1;visibility:visible}.modal-video{width:90%;max-width:1300px;aspect-ratio:16 / 9;background:#000;position:relative;z-index:10;border-radius:15px;overflow:hidden}.close-btn{position:absolute;top:20px;right:20px;font-size:30px;color:#fff;background:none;border:none;cursor:pointer;z-index:11;animation:constantGlow 2s ease-in-out infinite;transition:transform 0.3s ease,color 0.3s ease}.close-btn:hover{transform:rotate(360deg);color:#f44}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScaleUp{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes constantGlow{0%{text-shadow:0 0 10px rgb(255 255 255 / .5),0 0 20px rgb(255 255 255 / .7)}50%{text-shadow:0 0 20px rgb(255 255 255 / .8),0 0 40px rgb(255 255 255)}100%{text-shadow:0 0 10px rgb(255 255 255 / .5),0 0 20px rgb(255 255 255 / .7)}}@keyframes circularGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes glowPulse{0%{box-shadow:0 0 15px rgb(255 255 255 / .15),0 0 30px rgb(255 255 255 / .05)}50%{box-shadow:0 0 25px rgb(255 255 255 / .25),0 0 50px rgb(255 255 255 / .1)}100%{box-shadow:0 0 15px rgb(255 255 255 / .15),0 0 30px rgb(255 255 255 / .05)}}@keyframes spinHalo{to{transform:rotate(360deg)}}.discord-text{display:inline-block}.discord-button-container{display:flex;justify-content:center;margin-top:-40px}.discord-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;background:radial-gradient(circle at center,#1c1c1c,#0f0f0f,#0a0a0a);background-size:300% 300%;animation:circularGradient 6s ease-in-out infinite,glowPulse 6s ease-in-out infinite;color:#fff;font-size:20px;font-weight:700;padding:12px 28px;border-radius:50px;text-decoration:none;overflow:hidden;box-shadow:0 0 12px rgb(255 255 255 / .08),inset 0 0 12px rgb(255 255 255 / .04)}.discord-button::before{content:"";position:absolute;inset:-10px;z-index:-1;background:conic-gradient(from 0deg,#fff0,rgb(255 255 255 / .45),#fff0 30%,#fff0 70%,rgb(255 255 255 / .45),#fff0);filter:blur(18px);opacity:.45;animation:spinHalo 8s linear infinite}.discord-button i{font-size:22px}.discord-arrow{width:14px;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-width:1.5;transition:transform 0.3s ease}.discord-button:hover .discord-arrow{transform:translateX(3px)}.site-footer{background:linear-gradient(180deg,#000 0%,#1a1a1a 100%);padding:30px 0;text-align:center;margin-top:60px;border-top:1px solid rgb(255 255 255 / .15)}.footer-content{max-width:1200px;margin:0 auto}.footer-brand{display:flex;align-items:center;justify-content:center;margin-bottom:5px}.footer-brand p{font-family:'Poppins',sans-serif;font-size:16px;color:#999;margin:0;opacity:.9}.footer-content p{font-family:'Poppins',sans-serif;font-size:14px;color:#666;margin:5px 0;opacity:.8}@media (max-width:1024px){main{padding:15px}.section-title{font-size:40px}.videos-container iframe,.carousel-track,.carousel-item,.video-thumbnail-container{width:100%;height:350px}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.product-item{flex-direction:column;gap:30px}.product-image-container{width:100%}.product-title{font-size:28px;text-align:center}.product-description{text-align:justify}.gallery-item{width:400px;height:250px}.gallery-secondary .gallery-item{width:400px;height:250px}}@media (max-width:768px){main{padding:10px;margin-top:60px}.section-title{font-size:30px;margin-bottom:20px}.carousel-track,.carousel-item,.video-thumbnail-container,.videos-container iframe{height:250px}.carousel-item.prev-visible,.carousel-item.next-visible{transform:translateX(0) scale(.8);opacity:.2}.carousel-item.active{transform:translateX(0) scale(1)}.carousel-button{font-size:3rem;z-index:1000;top:45%}.carousel-button.prev{left:-5px}.carousel-button.next{right:-5px}.play-button{width:60px;height:60px;font-size:24px}.product-content-group{gap:20px}.product-title{font-size:24px;text-align:center}.product-description{font-size:14px}.gallery-item,.gallery-secondary .gallery-item{width:300px;height:200px}}
