@keyframes beam-slide{0%{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100%);opacity:0}}.beam-border-h{position:relative;overflow:hidden}.beam-border-h:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#FACC15,transparent);animation:beam-slide 7s cubic-bezier(.4,0,.2,1) infinite;animation-delay:2.5s}@keyframes beam-vertical{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}.animate-beam-vertical{animation:beam-vertical 3s ease-in-out infinite}.beam-border-v{position:relative;overflow:hidden}.beam-border-v:before{content:"";position:absolute;top:0;left:0;width:2px;height:25%;background:linear-gradient(180deg,transparent,#FACC15,transparent);animation:beam-vertical 3s ease-in-out infinite}@keyframes drawLine{to{transform:scale(1)}}.btn-wrapper{position:relative;overflow:hidden}.btn-wrapper .line{position:absolute;background:#facc15;transform:scale(0);transition:transform .3s ease}.btn-wrapper .line.top{top:0;left:0;width:100%;height:2px;transform-origin:left}.btn-wrapper .line.right{top:0;right:0;width:2px;height:100%;transform-origin:top}.btn-wrapper .line.bottom{bottom:0;right:0;width:100%;height:2px;transform-origin:right}.btn-wrapper .line.left{bottom:0;left:0;width:2px;height:100%;transform-origin:bottom}.btn-wrapper:hover .line.top{animation:drawLine .3s ease forwards}.btn-wrapper:hover .line.right{animation:drawLine .3s ease .3s forwards}.btn-wrapper:hover .line.bottom{animation:drawLine .3s ease .6s forwards}.btn-wrapper:hover .line.left{animation:drawLine .3s ease .9s forwards}@keyframes popDot{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.btn-wrapper .corner-dot{position:absolute;width:4px;height:4px;background:#facc15;border-radius:50%;transform:scale(0);opacity:0}.btn-wrapper .corner-dot.top-left{top:-2px;left:-2px}.btn-wrapper .corner-dot.top-right{top:-2px;right:-2px}.btn-wrapper .corner-dot.bottom-right{bottom:-2px;right:-2px}.btn-wrapper .corner-dot.bottom-left{bottom:-2px;left:-2px}.btn-wrapper:hover .corner-dot.top-left{animation:popDot .3s ease .3s forwards}.btn-wrapper:hover .corner-dot.top-right{animation:popDot .3s ease .6s forwards}.btn-wrapper:hover .corner-dot.bottom-right{animation:popDot .3s ease .9s forwards}.btn-wrapper:hover .corner-dot.bottom-left{animation:popDot .3s ease 1.2s forwards}.yellow-card{transition:transform .3s ease;transform:rotate(1deg)}.yellow-card:hover{transform:rotate(0)}.yellow-card .gear{transition:transform .3s ease;transform:rotate(12deg)}.yellow-card:hover .gear{transform:rotate(45deg)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-slide-in{animation:fadeSlideIn .6s ease-out}.fade-slide-in-delayed{opacity:0;animation:fadeSlideIn .6s ease-out forwards}.fade-slide-in-delayed:nth-child(1){animation-delay:.1s}.fade-slide-in-delayed:nth-child(2){animation-delay:.2s}.fade-slide-in-delayed:nth-child(3){animation-delay:.3s}.fade-slide-in-delayed:nth-child(4){animation-delay:.4s}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-8px) scale(1.02)}.card-hover:hover .card-image{transform:scale(1.05)}.card-hover .play-button{opacity:0;transition:opacity .3s ease}.card-hover:hover .play-button{opacity:1}@keyframes swipeLeft{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-100%) rotate(-15deg);opacity:0}}@keyframes swipeRight{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(100%) rotate(15deg);opacity:0}}.match-card.swipe-left{animation:swipeLeft .5s ease-in-out forwards}.match-card.swipe-right{animation:swipeRight .5s ease-in-out forwards}.match-card-enter{transform:translateY(20px);opacity:0;animation:fadeSlideIn .5s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:pulse 2s infinite}.gpu-accelerated{transform:translateZ(0);will-change:transform}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.btn-wrapper:hover .line,.btn-wrapper:hover .corner-dot{animation:none}.card-hover:hover{transform:none}.beam-border-h:after,.animate-beam-vertical{animation-duration:5s}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}