/* Skyline Payments - Animations, transitions, hover and scroll-reveal effects */
@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}
.gold-button:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),0 18px 36px -10px rgba(201,148,50,.65)}
.hover-lift:hover{transform:translateY(-6px)}
.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}
.hover\:-translate-y-0\.5:hover,.hover\:scale-\[1\.01\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:scale-\[1\.01\]:hover{--tw-scale-x:1.01;--tw-scale-y:1.01}
.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:border-gold:hover{--tw-border-opacity:1;border-color:rgb(201 148 50/var(--tw-border-opacity,1))}
.hover\:border-gold\/40:hover{border-color:rgba(201,148,50,.4)}
.hover\:bg-white\/\[0\.03\]:hover{background-color:hsla(0,0%,100%,.03)}
.hover\:bg-white\/\[0\.08\]:hover{background-color:hsla(0,0%,100%,.08)}
.hover\:text-gold:hover{--tw-text-opacity:1;color:rgb(201 148 50/var(--tw-text-opacity,1))}
.hover\:text-gold-light:hover{--tw-text-opacity:1;color:rgb(216 170 80/var(--tw-text-opacity,1))}
.hover\:shadow-lift:hover{--tw-shadow:0 24px 48px -12px rgba(8,11,15,.28);--tw-shadow-colored:0 24px 48px -12px var(--tw-shadow-color)}
.hover\:shadow-lift:hover,.hover\:shadow-soft:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.hover\:shadow-soft:hover{--tw-shadow:0 2px 10px rgba(8,11,15,.06);--tw-shadow-colored:0 2px 10px var(--tw-shadow-color)}
.focus\:border-gold:focus{--tw-border-opacity:1;border-color:rgb(201 148 50/var(--tw-border-opacity,1))}
.group:hover .group-hover\:-translate-y-1{--tw-translate-y:-0.25rem}
.group:hover .group-hover\:-translate-y-1,.group:hover .group-hover\:scale-105{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}
.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:bg-gold{--tw-bg-opacity:1;background-color:rgb(201 148 50/var(--tw-bg-opacity,1))}
.group:hover .group-hover\:text-gold{--tw-text-opacity:1;color:rgb(201 148 50/var(--tw-text-opacity,1))}
.group:hover .group-hover\:shadow-glow{--tw-shadow:0 0 0 1px rgba(201,148,50,.16),0 18px 40px -12px rgba(201,148,50,.35);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 18px 40px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.duration-300{transition-duration:.3s}
.duration-500{transition-duration:.5s}
.hover-lift{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),border-color .45s ease}
.mesh-blob{border-radius:9999px;filter:blur(60px);opacity:.5}
.mesh-blob{position:absolute;pointer-events:none}
.animate-float{animation:float 7s ease-in-out infinite}