.custom-flag-button{font-size:17px;font-family:inherit;font-weight:700;padding:4px;border-radius:20px;cursor:pointer;border:none;color:orange;background:linear-gradient(to bottom,#f8aa01,#fff,#18b40a);box-shadow:#6c0c0c1a 0 20px 25px -5px,#0000000a 0 10px 10px -5px;transition:all .1s ease-in-out;animation:pulse 2.5s infinite ease-in-out}.custom-flag-button:active{transform:translateY(3px);box-shadow:#9405051a 0 14px 25px -5px,#0297790a 0 10px 10px -5px}.custom-flag-button .button-content{display:flex;align-items:center;background:#fbfbfd;padding:.7em 1.5em .7em 1.2em;border-radius:16px}.custom-flag-button svg{width:20px;height:20px;margin-right:6px;color:#ff8103;transition:transform .3s}.custom-flag-button:hover svg{transform:scale(1.2)}.custom-flag-button .button-content span{transition:transform 0s ease}.custom-flag-button:hover .button-content span{transform:translate(4px)}@keyframes pulse{0%{transform:scale(0)}50%{transform:scale(1.05)}to{transform:scale(1)}}.button{position:relative;padding:10px 22px;border-radius:6px;border:none;color:#fff;cursor:pointer;background-color:#f9a703;transition:all .9s ease}.button:active{transform:scale(1)}.button:before,.button:after{position:absolute;content:"";width:150%;left:50%;height:100%;transform:translate(-50%);z-index:-1000;background-repeat:no-repeat}.button:hover:before{top:-70%;background-image:radial-gradient(circle,#ff9500 20%,transparent 20%),radial-gradient(circle,transparent 20%,#ff9500 20%,transparent 30%),radial-gradient(circle,#ff9500 20%,transparent 20%),radial-gradient(circle,#ff9500 20%,transparent 20%),radial-gradient(circle,transparent 10%,#ff9500 15%,transparent 20%),radial-gradient(circle,#ff9500 20%,transparent 20%),radial-gradient(circle,#ff9500 20%,transparent 20%),radial-gradient(circle,#ff9500 20%,transparent 20%),radial-gradient(circle,#ff9500 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;background-position:50% 120%;animation:greentopBubbles .8s ease}@keyframes greentopBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.button:hover:after{bottom:-120%;background-image:radial-gradient(circle,#fa9005 20%,transparent 20%),radial-gradient(circle,#fa9005 20%,transparent 20%),radial-gradient(circle,transparent 10%,#fa9005 15%,transparent 20%),radial-gradient(circle,#fa9005 20%,transparent 20%),radial-gradient(circle,#fa9005 20%,transparent 20%),radial-gradient(circle,#fa9005 20%,transparent 20%),radial-gradient(circle,#ff9500 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,20% 20%,18% 18%;background-position:50% 0%;animation:greenbottomBubbles .9s ease}@keyframes greenbottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%}50%{background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%}to{background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.back-to-top-button{width:50px;height:50px;border-radius:50%;background-color:#141414;border:none;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #b4a0ff41;cursor:pointer;transition-duration:.3s;overflow:hidden;position:fixed;bottom:20px;right:20px;z-index:9999}.back-to-top-button .svgIcon{width:12px;transition-duration:.3s}.back-to-top-button .svgIcon path{fill:#fff}.back-to-top-button:hover{width:140px;border-radius:50px;transition-duration:.3s;background-color:#b5a0ff;align-items:center}.back-to-top-button:hover .svgIcon{transform:translateY(-200%);transition-duration:.3s}.back-to-top-button:before{position:absolute;bottom:-20px;content:"Back to Top";color:#fff;font-size:0px}.back-to-top-button:hover:before{font-size:13px;opacity:1;bottom:unset;transition-duration:.3s}.tooltip-container{--background: #333333;--color: #e8e8e8;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);font-size:16px;font-weight:600;color:var(--color);padding:.7em 1.8em;border-radius:8px;text-transform:uppercase;height:50px;width:150px;display:grid;place-items:center;border:2px solid var(--color)}.text{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;transform-origin:-100%;transform:scale(1);transition:all .3s cubic-bezier(.24,1,.32,1)}.tooltip-container span:last-child{position:absolute;top:0%;left:100%;width:100%;height:100%;border-radius:10px;opacity:1;background-color:var(--background);z-index:-1;border:2px solid var(--background);transform:scale(0);transform-origin:0;transition:all .6s cubic-bezier(.24,1,.32,1);display:grid;place-items:center}.tooltip{position:absolute;top:0;left:50%;transform:translate(-50%);padding:.3em .6em;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.23,1,.3,1);background:var(--background);z-index:-1;border-radius:10px;scale:2;transform-origin:9 2;text-transform:capitalize;font-weight:400;font-size:16px;box-shadow:#0303ba40 0 8px 15px}.tooltip:before{position:absolute;content:"";height:.8em;width:.8em;bottom:-.4em;left:50%;transform:translate(-50%) rotate(46deg);background:var(--background)}.tooltip-container:hover .tooltip{top:-60%;opacity:1;visibility:visible;pointer-events:auto;scale:1;animation:shake .6s ease-in-out both}.tooltip-container:hover{box-shadow:#0122f940 0 8px 20px;color:#fff;border-color:transparent}.tooltip-container:hover span:last-child{transform:scale(1);left:0}.tooltip-container:hover .text{opacity:0;top:0%;left:100%;transform:scale(00.9s)}@keyframes shake{0%{rotate:0}25%{rotate:20deg}50%{rotate:-18deg}75%{rotate:20deg}to{rotate:0}}.button4-btn{background-color:#f2f7fa;width:100px;height:30px;border:0;border-radius:10px;font-weight:600;cursor:pointer;overflow:hidden;transition-duration:.7s;position:relative}.button4-btn span:first-child{color:#546678;position:absolute;transform:translate(-50%,-65%);left:50%;top:50%;transition:all .5s ease}.button4-btn span:last-child{position:absolute;color:#fff;opacity:0;transform:translateY(100%) translate(-50%);left:50%;top:50%;height:14px;line-height:13px;transition:all .5s ease}.button4-btn:focus{background-color:#0370ff;width:120px;height:40px;transition-delay:.1s;transition-duration:.5s}.button4-btn:focus span:first-child{color:#d0e0fd;transform:translate(-50%) translateY(-150%);opacity:0}.button4-btn:focus span:last-child{transform:translate(-50%) translateY(-50%);opacity:1;transition-delay:.3s}.button4-centralize{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.button4-description{margin-top:10px;color:#b5ccf3}.button5-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"button5-bt1 button5-bt2 button5-bt3" "button5-bt4 button5-bt5 button5-bt6";position:relative;perspective:800;padding:0;width:135px;height:47px;transition:all .3s ease-in-out}.button5-container:active{transform:scale(.95)}.button5-hover{position:absolute;width:100%;height:100%;z-index:200}.button5-bt1{grid-area:button5-bt1}.button5-bt2{grid-area:button5-bt2}.button5-bt3{grid-area:button5-bt3}.button5-bt4{grid-area:button5-bt4}.button5-bt5{grid-area:button5-bt5}.button5-bt6{grid-area:button5-bt6}.button5-bt1:hover~.button5-btn{transform:rotateX(15deg) rotateY(-15deg);box-shadow:-2px -2px #18181888}.button5-bt1:hover~.button5-btn:after{animation:button5-shake .5s ease-in-out .3s;text-shadow:-2px -2px #18181888}.button5-bt3:hover~.button5-btn{transform:rotateX(15deg) rotateY(15deg);box-shadow:2px -2px #18181888}.button5-bt3:hover~.button5-btn:after{animation:button5-shake .5s ease-in-out .3s;text-shadow:2px -2px #18181888}.button5-bt4:hover~.button5-btn{transform:rotateX(-15deg) rotateY(-15deg);box-shadow:-2px 2px #18181888}.button5-bt4:hover~.button5-btn:after{animation:button5-shake .5s ease-in-out .3s;text-shadow:-2px 2px #18181888}.button5-bt6:hover~.button5-btn{transform:rotateX(-15deg) rotateY(15deg);box-shadow:2px 2px #18181888}.button5-bt6:hover~.button5-btn:after{animation:button5-shake .5s ease-in-out .3s;text-shadow:2px 2px #18181888}.button5-hover:hover~.button5-btn:before{background:transparent}.button5-hover:hover~.button5-btn:after{content:"Click";top:-90%;transform:translate(-50%,);font-size:28px;color:#0bbc11}.button5-btn{position:absolute;padding:5;width:135px;height:47px;background:transparent;font-size:17px;font-weight:900;border:3px solid #ff0afb;border-radius:12px;transition:all .3s ease-in-out}.button5-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:135px;height:47px;background-color:#f5bd05;border-radius:12px;transition:all .3s ease-in-out;z-index:2}.button5-btn:after{content:"Hover";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:135px;height:47px;font-size:17px;font-weight:900;line-height:47px;color:#0bbc11;border:none;border-radius:10px;transition:all .5s ease-in-out;z-index:2}@keyframes button5-shake{0%{left:48%}25%{left:56%}50%{left:49%}75%{left:54%}to{left:59%}}.button6-glow-btn{position:relative;transition:all .3s ease-in-out;box-shadow:0 10px 20px #0003;padding-block:.5rem;padding-inline:1.25rem;background-color:#006bb3;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;gap:10px;font-weight:700;border:3px solid #ffffff4d;outline:none;overflow:hidden;font-size:15px}.button6-glow-btn svg{width:24px;height:24px;transition:all .3s ease-in-out}.button6-glow-btn:hover{transform:scale(1.05);border-color:#fff9}.button6-glow-btn:hover svg{transform:translate(4px)}.button6-glow-btn:hover:before{animation:button6-shine 1.5s ease-out infinite}.button6-glow-btn:before{content:"";position:absolute;width:100px;height:100%;background-image:linear-gradient(120deg,#fff0 30%,#fffc,#fff0 70%);top:0;left:-100px;opacity:.6}@keyframes button6-shine{0%{left:-100px}60%{left:100%}to{left:100%}}.button7-glow-btn{position:relative;transition:all .3s ease-in-out;box-shadow:0 10px 20px #0003;background-color:#006bb3;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;gap:10px;font-weight:700;border:0px solid #ffffff4d;outline:none;overflow:hidden;font-size:15px;cursor:pointer;width:50px;height:50px}.button7-icon{width:35px;height:35px;transition:all .3s ease-in-out}.button7-glow-btn:hover{transform:scale(10.3s);border-color:#fff9}.button7-glow-btn:hover:before{animation:button7-shine 1.2s ease-out infinite}.button7-glow-btn:before{content:"";position:absolute;width:100px;height:100%;background-image:linear-gradient(120deg,#fff0 30%,#fffc,#fff0 70%);top:0;left:-100px;opacity:.6}@keyframes button7-shine{0%{left:-100px}60%{left:100%}to{left:100%}}.btn8-button{border:none;outline:none;background-color:#3a3a3a;width:180px;height:60px;font-size:18px;color:#fff;font-weight:600;border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;transition:all .3s}.btn8-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff3;box-shadow:0 8px 32px #1f26875e;width:106%;height:120%;z-index:-1;border-radius:inherit;transition:all .3s}.btn8-gradient-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:106%;height:115%;overflow:hidden;border-radius:inherit;z-index:-2;filter:blur(10px);transition:all .3s}.btn8-gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;aspect-ratio:1;border-radius:100%;transition:all .3s;background-image:linear-gradient(90deg,#ffae00,#fff,#00ff26,#ff0586,#0373c9,#0fe,#0800ff,#ff05f3);animation:btn8-rotate 2s linear infinite;filter:blur(5px)}.btn8-label{width:156px;height:45px;text-align:center;line-height:45px;border-radius:22px;background-color:#2b2b2b;background-image:linear-gradient(180deg,#2b2b2b,#444)}.btn8-button:hover .btn8-gradient-container{transform:translate(-50%,-50%) scale(.98);filter:blur(2px)}.btn8-button:hover .btn8-gradient{filter:blur(4px)}@keyframes btn8-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.button9-btn{position:relative;padding:16px 42px;background:#111;font-size:18px;font-weight:600;color:#fff;border:2px solid #014ccf;border-radius:14px;overflow:hidden;transition:all .4s ease-in-out;cursor:pointer;z-index:1;box-shadow:0 0 10px #00ffe155,0 0 20px #00ffe122}.button9-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#00f0ff,#ff00c8);z-index:-1;opacity:.25;filter:blur(20px);transition:.4s ease-in-out}.button9-star-1,.button9-star-2,.button9-star-3,.button9-star-4,.button9-star-5,.button9-star-6{position:absolute;width:12px;height:12px;opacity:0;z-index:2;fill:#0ff;stroke:#00eaff;stroke-width:2;pointer-events:none;transform:scale(.3);transition:all .4s ease}.button9-star-1{top:30%;left:30%}.button9-star-2{top:50%;left:50%}.button9-star-3{top:20%;left:80%}.button9-star-4{top:60%;left:20%}.button9-star-5{top:70%;left:55%}.button9-star-6{top:10%;left:70%}.button9-btn:hover{background:#000;color:#00ffe1;box-shadow:0 0 20px #12dfc7aa,0 0 40px #b3078de2;border-color:#053853}.button9-btn:hover:before{opacity:.5}.button9-btn:hover .button9-star-1{opacity:2;transform:translate(-50px,-90px) scale(5);animation:star-float 0s ease-in-out infinite}.button9-btn:hover .button9-star-2{opacity:1;transform:translate(20px,-16px) scale(1.1);animation:star-float 2.2s ease-in-out infinite}.button9-btn:hover .button9-star-3{opacity:1;transform:translate(-1px,2px) scale(1);animation:star-float 2.4s ease-in-out infinite}.button9-btn:hover .button9-star-4{opacity:1;transform:translate(10px,25px) scale(1.1);animation:star-float 1s ease-in-out infinite}.button9-btn:hover .button9-star-5{opacity:1;transform:translate(-25px,10px) scale(1.1);animation:star-float 2.8s ease-in-out infinite}.button9-btn:hover .button9-star-6{opacity:1;transform:translate(30px,-20px) scale(1.1);animation:star-float 3s ease-in-out infinite}@keyframes star-float{0%{opacity:1;transform:translate(0) scale(1)}50%{opacity:1;transform:translateY(-5px) scale(1.2)}to{opacity:1;transform:translateY(0) scale(1)}}.button10-main{position:relative;padding:12px 35px;background:#4c83fa;font-size:17px;font-weight:1000;color:#fff;border:3px solid #4c83fa;border-radius:8px;box-shadow:0 0 #fff;transition:all .3s ease-in-out;cursor:pointer}.button10-star-1,.button10-star-2,.button10-star-3,.button10-star-4,.button10-star-5,.button10-star-6{position:absolute;filter:drop-shadow(0 0 0 #4c83fa);z-index:-5}.button10-star-1{top:20%;left:20%;width:25px;transition:all 1s cubic-bezier(.05,.83,.43,.96)}.button10-star-2{top:45%;left:45%;width:15px;transition:all 1s cubic-bezier(0,.4,0,1.01)}.button10-star-3{top:40%;left:40%;width:5px;transition:all 1s cubic-bezier(0,.4,0,1.01)}.button10-star-4{top:20%;left:40%;width:8px;transition:all .8s cubic-bezier(0,.4,0,1.01)}.button10-star-5{top:25%;left:45%;width:15px;transition:all .6s cubic-bezier(0,.4,0,1.01)}.button10-star-6{top:5%;left:50%;width:5px;transition:all .8s ease}.button10-main:hover{background:transparent;color:#4c83fa;box-shadow:0 0 #4c83fa}.button10-main:hover .button10-star-1{top:-80%;left:-30%;z-index:2}.button10-main:hover .button10-star-2{top:0%;left:10%;z-index:2}.button10-main:hover .button10-star-3{top:55%;left:25%;z-index:2}.button10-main:hover .button10-star-4{top:30%;left:80%;z-index:2}.button10-main:hover .button10-star-5{top:25%;left:115%;z-index:2}.button10-main:hover .button10-star-6{top:5%;left:60%;z-index:2}.button10-fill{fill:#4c83fa}.button11-wrapper{position:absolute;top:10px;right:90px;z-index:999}.btn11-bt{position:relative;height:140px;display:flex;align-items:flex-end;outline:none;background:none;border:none;cursor:pointer}.btn11-button-holder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70px;width:70px;background-color:#0a0a0a;border-radius:5px;color:#0f0f0f;font-weight:700;transition:.3s;outline:#0f0f0f 1px solid;outline-offset:5px}.btn11-button-holder svg{height:30px;fill:#0f0f0f;transition:.3s}.btn11-light-holder{position:absolute;height:140px;width:70px;display:flex;flex-direction:column;align-items:center}.btn11-dot{position:absolute;top:0;width:8px;height:8px;background-color:#0a0a0a;border-radius:10px;z-index:2}.btn11-light{position:absolute;top:0;width:180px;height:180px;clip-path:polygon(50% 0%,25% 100%,75% 100%);background:transparent}.btn11-bt:hover .btn11-button-holder svg{fill:#fff}.btn11-bt:hover .btn11-button-holder{color:#5865f2;outline:rgba(88,101,242,1) 3px solid;outline-offset:2px}.btn11-bt:hover .btn11-light{background:linear-gradient(180deg,#5865f2,#fff0 75% 100%)}.btn12{all:unset;position:relative;display:flex;overflow:hidden;cursor:pointer;width:150px;height:50px;background-color:#eeeeed;border-radius:80px;border:none;padding:0 80px;transition:all .2s ease;justify-content:center;align-items:center;box-sizing:border-box;font-family:inherit}.btn12:hover{transform:scale(1.1)}.btn12 span{position:absolute;z-index:99;width:150px;height:50px;border-radius:80px;font-family:Courier New,Courier,monospace;font-weight:600;font-size:17px;text-align:center;line-height:50px;letter-spacing:2px;color:#eeeeed;background-color:#1f1f1f;padding:0 10px;transition:all 1.2s ease}.btn12-container{display:flex;width:150px;border-radius:80px;line-height:50px}.btn12 svg{padding:0 5px;opacity:0}.btn12-container svg:nth-of-type(1){transition-delay:.65s}.btn12-container svg:nth-of-type(2){transition-delay:.8s}.btn12-container svg:nth-of-type(3){transition-delay:.5s}.btn12:hover span{opacity:0}.btn12:hover svg{opacity:1}.btn-magnetic{background:linear-gradient(45deg,#6a11cb,#2575fc);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:transform .1s ease-out;will-change:transform;position:relative;overflow:hidden;z-index:1}.btn-magnetic:hover{transform:scale(1.05)}.btn-ripple{position:relative;overflow:hidden;background:#4caf50;border:none;color:#fff;padding:12px 24px;font-size:16px;cursor:pointer;border-radius:4px;transition:background .3s}.btn-ripple:hover{background:#45a049}.ripple{position:absolute;border-radius:50%;background-color:#ffffffb3;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.btn-glow-pulse{background:#1e88e5;border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;position:relative;overflow:hidden;animation:glow-pulse 2s infinite}@keyframes glow-pulse{0%{box-shadow:0 0 #1e88e5b3}70%{box-shadow:0 0 0 10px #1e88e500}to{box-shadow:0 0 #1e88e500}}.btn-border-draw{position:relative;background:transparent;color:#333;border:none;padding:12px 24px;font-weight:700;cursor:pointer}.btn-border-draw svg{position:absolute;top:0;left:0;width:100%;height:100%}.btn-border-draw .border-draw-path{fill:none;stroke:#6a11cb;stroke-width:2;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset .8s ease-in-out}.btn-border-draw:hover .border-draw-path{stroke-dashoffset:0}.button13-bottom-container{position:relative;bottom:-460px;left:300px;z-index:999;display:flex;justify-content:flex-start}.button13-container{display:inline-block}.button13-main{--button13-blob-color: #ff9500;--button13-text-color: #000000;--button13-border-width: 2px;z-index:1;position:relative;padding:12px 24px;display:flex;align-items:center;gap:10px;text-align:center;color:var(--button13-text-color);font-size:16px;font-weight:600;background-color:#fff;outline:none;border:none;transition:all .5s;cursor:pointer;border-radius:40px;box-shadow:5px 5px 10px #ffffff1e}.svgIcon{height:28px;transition:transform 1.5s}.button13-main:hover{background-color:#fffffe}.button13-main:hover .svgIcon{transform:rotate(250deg)}.button13-main:active{transform:scale(.97)}.button13-main:before{content:"Just for reference";z-index:7;position:absolute;left:0;top:0;width:100%;height:100%;border:var(--button13-border-width) solid var(--button13-blob-color);border-radius:28px}.button13-inner{z-index:-1;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:30px;background:#62ff00}.button13-blobs{position:relative;display:block;height:100%;filter:url(#button13-filter)}.button13-blob{position:absolute;top:var(--button13-border-width);width:25%;height:100%;background:var(--button13-blob-color);border-radius:100%;transform:translate3d(0,150%,0) scale(1.7);transition:transform .45s}@supports (filter: url(#button13-filter)){.button13-blob{transform:translate3d(0,150%,0) scale(1.4)}}.button13-blob:nth-child(1){left:0%;transition-delay:0s}.button13-blob:nth-child(2){left:25%;transition-delay:.08s}.button13-blob:nth-child(3){left:50%;transition-delay:.16s}.button13-blob:nth-child(4){left:75%;transition-delay:.24s}.button13-main:hover .button13-blob{transform:translateZ(0) scale(1.7)}@supports (filter: url(#button13-filter)){.button13-main:hover .button13-blob{transform:translateZ(0) scale(1.4)}}.button13-svg{position:absolute;width:0;height:0;overflow:hidden}.button13-copy-message{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#4caf50;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;animation:fadeInOut 2s ease-in-out;z-index:1002}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.button-collection-container{position:fixed;bottom:180px;left:50%;transform:translate(-50%);background:#fffffffa;border-radius:16px;padding:25px;box-shadow:0 15px 35px #0003;max-width:800px;width:90%;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.collection-categories{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.category-tab{background:none;border:none;padding:8px 20px;cursor:pointer;font-weight:600;color:#666;border-radius:20px;transition:all .3s}.category-tab:hover{background:#f0f0f0}.category-tab.active{background:#1899d6;color:#fff}.collection-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;padding:10px}.btn-depth{-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:#1a8fe3;border:solid transparent;border-radius:16px;border-width:0 0 4px;color:#fff;cursor:pointer;display:inline-block;font-weight:700;letter-spacing:.8px;line-height:20px;overflow:visible;padding:13px 16px;text-align:center;text-transform:uppercase;touch-action:manipulation;transform:translateZ(0);transition:filter .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.btn-depth:after{background-clip:padding-box;background-color:#2bb7ff;border:solid transparent;border-radius:16px;border-width:0 0 4px;content:"";inset:0 0 -4px;position:absolute;z-index:-1}.btn-depth:hover:not(:disabled){filter:brightness(1.1)}.btn-depth:active{border-width:4px 0 0;background:none}.btn-flip{background:#ff5a5f;border:1px solid #FF5A5F;border-radius:6px;box-shadow:#0000001a 1px 2px 4px;color:#fff;cursor:pointer;font-weight:800;line-height:16px;min-height:40px;padding:12px 14px;text-align:center;transition:all .3s;width:100%}.btn-flip:hover,.btn-flip:active{background-color:#fff;color:#ff5a5f}.btn-lift{align-items:center;background-color:#fcfcfd;border-radius:4px;border-width:0;box-shadow:#2d234233 0 2px 4px,#2d234226 0 7px 13px -3px,#e2e2f0 0 -3px inset;color:#36395a;cursor:pointer;display:inline-flex;height:48px;justify-content:center;padding:0 16px;transition:box-shadow .15s,transform .15s;width:100%}.btn-lift:hover{box-shadow:#2d23424d 0 4px 8px,#2d234233 0 7px 13px -3px,#e2e2f0 0 -3px inset;transform:translateY(-2px)}.btn-lift:active{box-shadow:#e2e2f0 0 3px 7px inset;transform:translateY(2px)}.btn-pixel{-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:#000;border:1px solid #000;border-radius:4px;box-shadow:#fff 4px 4px,#000 4px 4px 0 1px;color:#fff;cursor:pointer;display:inline-block;font-weight:400;line-height:20px;overflow:visible;padding:12px 14px;text-align:center;touch-action:manipulation;width:100%}.btn-pixel:active{box-shadow:#00000020 0 3px 5px inset}.btn-pixel:not([disabled]):active{box-shadow:#fff 2px 2px,#000 2px 2px 0 1px;transform:translate(2px,2px)}.btn-handdrawn{background-color:#fff;border:2px solid #41403e;border-radius:15px 225px 255px 15px 15px 255px 225px 15px;color:#41403e;cursor:pointer;display:inline-block;padding:.75rem;transition:all 235ms ease-in-out;width:100%}.btn-handdrawn:hover{box-shadow:#0000004d 2px 8px 8px -5px;transform:translate3d(0,2px,0)}.btn-3d-cube{position:relative;border:none;background:transparent;padding:0;cursor:pointer;width:140px;height:40px;perspective:800px;margin:0 auto}.btn-3d-cube-shadow{position:absolute;bottom:-6px;left:5%;width:90%;height:8px;background:#0000004d;border-radius:50%;filter:blur(4px);transform:scaleY(.6) translateZ(0);transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:0}@keyframes float{0%,to{transform:translateY(0) translateZ(12px)}50%{transform:translateY(-6px) translateZ(12px)}}.btn-3d-cube-front{position:relative;display:block;width:100%;height:100%;padding:8px 16px;background:#193ce6;color:#fff;font-size:.9rem;font-weight:700;border-radius:4px;transform:translateZ(12px);transition:all .3s;box-shadow:0 2px 4px #0000001a,inset 0 -2px #0003;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}.btn-3d-cube-top{width:100%;height:6px;top:-6px}.btn-3d-cube-right{width:6px;right:-6px}.btn-3d-cube:hover .btn-3d-cube-shadow{transform:scaleY(.4) translateZ(0);bottom:-8px}.btn-3d-cube:hover .btn-3d-cube-front{transform:translateZ(16px);animation:none}.btn-3d-cube:hover .btn-3d-cube-top{height:8px;top:-8px}.btn-3d-cube:hover .btn-3d-cube-right{width:8px;right:-8px}.btn-3d-cube:active .btn-3d-cube-shadow{bottom:-4px}.btn-3d-cube:active .btn-3d-cube-front{transform:translateZ(6px)}.btn-3d-cube:active .btn-3d-cube-top{height:3px;top:-3px}.btn-3d-cube:active .btn-3d-cube-right{width:3px;right:-3px}.btn-gradient{background:linear-gradient(45deg,#ff5acd,#fbda61);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #fbda614d;width:100%}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbda6166}.btn-border-morph{background:transparent;border:2px solid #6E48AA;color:#6e48aa;padding:12px 24px;border-radius:4px;cursor:pointer;transition:all .4s;position:relative;overflow:hidden;width:100%}.btn-border-morph:hover{color:#fff;border-radius:30px}.btn-border-morph:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#6e48aa;z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform .4s}.btn-border-morph:hover:before{transform:scaleX(1);transform-origin:left}.btn-neon{background:transparent;border:2px solid #08FDD8;color:#08fdd8;padding:12px 24px;border-radius:4px;cursor:pointer;transition:all .3s;text-shadow:0 0 5px rgba(8,253,216,.5);box-shadow:0 0 10px #08fdd833;width:100%}.btn-neon:hover{background:#08fdd8;color:#111;box-shadow:0 0 20px #08fdd899}.btn-liquid{background:#4a00e0;border:none;color:#fff;padding:12px 24px;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;z-index:1;width:100%}.btn-liquid:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#8e2de2,#4a00e0);z-index:-1;transition:opacity .3s}.btn-liquid:hover:before{animation:liquid 1.5s ease infinite}@keyframes liquid{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-100%) rotate(360deg)}}@media (max-width: 768px){.button-collection-container{width:95%;padding:15px}.collection-buttons{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.button13-main{font-size:14px;padding:10px 20px}.collection-categories{gap:5px}.category-tab{padding:6px 12px;font-size:14px}}.btn-spring{background:#ff6b6b;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;transform:translateY(0);transition:transform .3s cubic-bezier(.68,-.6,.32,1.6);box-shadow:0 4px #d14545}.btn-spring:hover{transform:translateY(-5px);box-shadow:0 8px #d14545}.btn-spring:active{transform:translateY(2px);box-shadow:0 2px #d14545}.btn-pulse{background:#5e72e4;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;position:relative;overflow:hidden;z-index:1}.btn-pulse:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#5e72e4;z-index:-1;opacity:.8;animation:pulse 2s infinite;border-radius:8px}@keyframes pulse{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:0}}.btn-flip{perspective:1000px;background:transparent;border:none;padding:0;cursor:pointer;width:120px;height:40px}.btn-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s}.btn-flip:hover .btn-flip-inner{transform:rotateX(180deg)}.btn-flip-front,.btn-flip-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700}.btn-flip-front{background:#2dce89;color:#fff}.btn-flip-back{background:#11cdef;color:#fff;transform:rotateX(180deg)}.btn-jelly{background:#fb6340;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;transform:scale(1);transition:transform .3s cubic-bezier(.25,.1,.25,1.5)}.btn-jelly:hover{transform:scale(1.05,.95)}.btn-jelly:active{transform:scale(.95,1.05)}.btn-neon-flicker{background:#0d0d0d;color:#08fdd8;border:2px solid #08fdd8;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 0 10px #08fdd84d;animation:flicker 4s infinite alternate}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{box-shadow:0 0 10px #08fdd84d,0 0 20px #08fdd833,0 0 30px #08fdd81a}20%,24%,55%{box-shadow:none}}.collection-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease-out}.button-collection-container{position:relative;background:#fffffffa;border-radius:16px;padding:25px;box-shadow:0 15px 35px #0003;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;z-index:1001;border:1px solid rgba(255,255,255,.2);animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-center{background:#fff;border-radius:12px;padding:24px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #0003;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.social-container{display:flex;justify-content:center;padding:1rem}.social-icons{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0}.social-item{position:relative}.social-link{display:flex;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.75rem;color:#2d3748;background:#fff;border-radius:50%;text-decoration:none;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;position:relative;overflow:visible}.hover-area{position:absolute;inset:-20px;z-index:1}.social-link.email:hover{background:#d44638;color:#fff}.social-link.linkedin:hover{background:#0077b5;color:#fff}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.social-link.github:hover{background:#333;color:#fff}.social-link:hover{transform:scale(1.1);box-shadow:0 5px 15px #0003}.social-item:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem 1rem;font-size:.875rem;color:#fff;background:#000c;border-radius:4px;opacity:0;visibility:hidden;transition:all .3s ease;white-space:nowrap;pointer-events:none;z-index:10}.social-item:hover:after{opacity:1;visibility:visible;bottom:120%}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.bottom-\[-80px\]{bottom:-80px}.bottom-\[-90px\]{bottom:-90px}.bottom-\[-170px\]{bottom:-170px}.bottom-\[20px\]{bottom:20px}.bottom-\[100px\]{bottom:100px}.bottom-\[220px\]{bottom:220px}.bottom-\[300px\]{bottom:300px}.bottom-\[305px\]{bottom:305px}.bottom-\[320px\]{bottom:320px}.left-\[-7px\]{left:-7px}.left-\[90px\]{left:90px}.left-\[100px\]{left:100px}.left-\[110px\]{left:110px}.left-\[330px\]{left:330px}.left-\[370px\]{left:370px}.left-\[400px\]{left:400px}.left-\[570px\]{left:570px}.left-\[580px\]{left:580px}.left-\[590px\]{left:590px}.left-\[830px\]{left:830px}.left-\[840px\]{left:840px}.left-\[850px\]{left:850px}.left-\[1040px\]{left:1040px}.left-\[1050px\]{left:1050px}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}.flex{display:flex}.hidden{display:none}.h-\[100px\]{height:100px}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-\[100px\]{width:100px}.w-screen{width:100vw}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[28\]{scale:28}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.object-contain{-o-object-fit:contain;object-fit:contain}.text-center{text-align:center}.opacity-0{opacity:0}.opacity-100{opacity:1}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-1000{--tw-duration:1s;transition-duration:1s}.duration-\[4000ms\]{--tw-duration:4s;transition-duration:4s}@layer utilities{.netflix-zoom{animation:4s ease-in-out forwards netflixZoom}@keyframes netflixZoom{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(28)}}}.ui-btn{--btn-default-bg:#292929;--btn-padding:10px 16px;--btn-hover-bg:#333;--btn-transition:.3s;--btn-shadow-color:#00000023;--btn-shadow:0 2px 10px 0 var(--btn-shadow-color);--hover-btn-color:#09c609;--default-btn-color:#fff;--font-size:14px;--font-weight:600;--font-family:Menlo,Roboto Mono,monospace;box-sizing:border-box;color:var(--default-btn-color);font:var(--font-weight)var(--font-size)var(--font-family);background:var(--btn-default-bg);padding:var(--btn-padding);cursor:pointer;transition:var(--btn-transition);box-shadow:var(--btn-shadow);border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;overflow:hidden}.ui-btn span{letter-spacing:.1rem;color:var(--default-btn-color);background:inherit;transition:none;position:relative}.ui-btn span:before{content:"";background:inherit;position:absolute}.ui-btn:hover,.ui-btn:focus{background:var(--btn-hover-bg);box-shadow:0 0 8px 2px #00ff15}.ui-btn:hover span,.ui-btn:focus span{color:var(--hover-btn-color)}.ui-btn:hover span:before,.ui-btn:focus span:before{animation:1.2s linear both chitchat}@keyframes chitchat{0%{content:"#"}5%{content:"."}10%{content:"^{"}15%{content:"-!"}20%{content:"#$_"}25%{content:"№:0"}30%{content:"#{+."}35%{content:"@}-?"}40%{content:"?{4@%"}45%{content:"=.,^!"}50%{content:"?2@%"}55%{content:"\\;1}]"}60%{content:"?{%:%";right:0}65%{content:"|{f[4";right:0}70%{content:"{4%0%";right:0}75%{content:"'1_0<";right:0}80%{content:"{0%";right:0}85%{content:"]>'";right:0}90%{content:"4";right:0}95%{content:"2";right:0}to{content:"";right:0}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}