@layer utilities{.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f5a105 0%,#dd2403 100%);border:2px solid #f5a10580;border-radius:.5rem;justify-content:center;align-items:center;font-weight:700;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #f5a1054d,0 0 40px #dd240333,inset 0 0 20px #f5a1051a}.btn:before{content:"";background:linear-gradient(45deg,#0000 30%,#f5a1054d 50%,#0000 70%);animation:2s ease-in-out infinite flame-sweep;position:absolute;inset:0}.btn:after{content:"";z-index:-1;filter:blur(8px);opacity:0;background:linear-gradient(135deg,#f5a105 0%,#dd2403 100%);border-radius:.5rem;transition:opacity .3s;position:absolute;inset:-2px}.btn:hover{border-color:#f5a105cc;animation:.3s ease-in-out flame-pulse;transform:scale(1.05);box-shadow:0 0 30px #f5a10599,0 0 60px #dd240366,0 10px 40px #f5a10580,inset 0 0 30px #f5a10533}.btn:hover:after{opacity:1}.btn:active{transform:scale(.98)}#container-stars{z-index:1;background:linear-gradient(#f5a1050d 0%,#dd24031a 50%,#c420030d 100%);border-radius:.5rem;width:100%;height:100%;animation:1.5s ease-in-out infinite flame-flicker;position:absolute;overflow:hidden}@keyframes flame-flicker{0%,to{opacity:1}25%{opacity:.8}50%{opacity:1}75%{opacity:.9}}@keyframes flame-sweep{0%,to{transform:translate(-100%)skew(-15deg)}50%{transform:translate(100%)skew(-15deg)}}@keyframes flame-pulse{0%,to{box-shadow:0 0 20px #f5a1054d,0 0 40px #dd240333}50%{box-shadow:0 0 40px #f5a105cc,0 0 80px #dd240399}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:6s ease-in-out infinite float}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:.8s ease-out forwards fade-in-up}.bg-pattern{background-position:50%;background-color:var(--background);background-image:linear-gradient(#242424 2px,#0000 2px),linear-gradient(90deg,#242424 2px,#1d201d 2px);background-size:60px 60px}@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.animate-slide-down{animation:.3s ease-out forwards slide-down}.animate-slide-up{animation:.3s ease-out forwards slide-up}.sticky-morph{transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),font-size .3s,letter-spacing .3s,padding .3s}}