.btn-theme-primary{width:260px;font-family:system-ui,sans-serif;padding:1rem 1.5rem 1rem .75rem;display:flex;align-items:center;justify-content:space-between;transition:color .3s ease}.btn-theme-primary:before{backface-visibility:hidden;will-change:transform}.btn-theme-primary:hover{color:white!important}.btn-theme-primary.dark{background-color:black;color:white;border-color:white}.btn-theme-primary.dark:before{background-color:white}.btn-theme-primary.dark:hover{color:#1b1b1b}.btn-theme-available{width:260px;position:relative;overflow:hidden;font-family:system-ui,sans-serif;border-radius:0;padding:1rem 1.5rem 1rem .75rem;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:#1b1b1b;color:white;border:2px solid transparent;transition:background-color .3s ease,color .3s ease}.btn-theme-available .circle{position:relative;width:20px;height:20px;margin-right:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn-theme-available .dot{width:8px;height:8px;background-color:white;border-radius:50%;z-index:2;animation:dot-keys 2s ease-in-out infinite;transition:background-color .3s}.btn-theme-available .outline{position:absolute;width:20px;height:20px;border:2px solid white;border-radius:50%;z-index:1;animation:outline-keys 2s ease-in-out infinite;transition:border-color .3s}.btn-theme-available:hover{background-color:#333}.btn-theme-available.dark{background-color:white;color:#1b1b1b}.btn-theme-available.dark .dot{background-color:#1b1b1b}.btn-theme-available.dark .outline{border-color:#1b1b1b}.animate-float-slow{animation-timing-function:linear}.stroke-text{color:white;-webkit-text-stroke:1.6px black;text-stroke:2px black;transition:all .4s ease}.black-fill-white-stroke{color:black;-webkit-text-stroke:2px white;text-stroke:1px white}.black-fill-white-stroke:hover{-webkit-text-stroke:1px darkolivegreen}@keyframes slide-in-left{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-in-top{0%{transform:translateY(-50%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down-expand{0%{transform:translateY(-10%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-down-expand{animation:slide-down-expand .5s ease-out forwards}.animate-slide-in-left{animation:slide-in-left .5s ease-out forwards}.animate-slide-in-right{animation:slide-in-right .6s ease-out forwards}.animate-slide-in-top{animation:slide-in-top .6s ease-out forwards}.animate-slide-in-bottom{animation:slide-in-bottom .6s ease-out forwards}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes circle-keys{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes dot-keys{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes outline-keys{0%{transform:scale(0);outline:20px solid #1b1b1b;outline-offset:0;opacity:1}to{transform:scale(1);outline:0 solid transparent;outline-offset:20px;opacity:0}}.btn-theme-primary{position:relative;background-color:white;color:black;border:2px solid black;padding:1rem 1.5rem;border-radius:0;font-weight:600;font-size:16px;cursor:pointer;transition:color .3s ease,background-color .3s ease;overflow:hidden}.btn-theme-primary:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:black;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:0;border-radius:inherit}.btn-theme-primary:hover:before{transform:scaleX(1)}.btn-theme-primary:hover{color:white}.btn-theme-primary>*{position:relative;z-index:1}@keyframes slideFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-fade-up{animation:slideFadeUp 1.4s ease-out both}@keyframes borderPulse{0%,to{border-image-slice:1}50%{border-image-slice:2}}.animate-border{animation:borderPulse 4s ease-in-out infinite}@keyframes float-slow{0%{transform:translateY(0)}50%{transform:translateY(-10%)}to{transform:translateY(0)}}.animate-float-slow{animation-name:float-slow;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes rise-up{0%{opacity:0;transform:translateY(100vh)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)}}.animate-rise-up{animation-name:rise-up;animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite}.writing-vertical{writing-mode:vertical-rl}.delay-0{animation-delay:0s}.delay-1{animation-delay:.4s}.delay-2{animation-delay:.8s}.delay-3{animation-delay:1.2s}.delay-4{animation-delay:1.6s}.delay-5{animation-delay:2s}.delay-6{animation-delay:2.4s}.delay-7{animation-delay:2.8s}.delay-8{animation-delay:3.2s}.delay-9{animation-delay:3.6s}.text-draw__box-svg{overflow:visible!important;display:block}@keyframes slideInTop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownExpand{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes popUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-slide-in-top{animation:slideInTop .6s ease-out forwards}.animate-slide-down-expand{animation:slideDownExpand .4s ease-out forwards}.animate-pop{animation:popUp .3s ease-out forwards}@keyframes floatInAir{0%{transform:translateY(0) translateX(0) rotate(0deg)}20%{transform:translateY(-4px) translateX(2px) rotate(.3deg)}40%{transform:translateY(3px) translateX(-2px) rotate(-.2deg)}60%{transform:translateY(-5px) translateX(1px) rotate(.5deg)}80%{transform:translateY(4px) translateX(-1px) rotate(-.4deg)}to{transform:translateY(0) translateX(0) rotate(0deg)}}.float-in-air{animation:floatInAir 6s ease-in-out infinite;will-change:transform}@keyframes diagonalFloat{0%{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-5px) translateX(-2px) rotate(-.5deg)}50%{transform:translateY(-10px) translateX(-4px) rotate(-1deg)}75%{transform:translateY(-5px) translateX(-2px) rotate(-.5deg)}to{transform:translateY(0) translateX(0) rotate(0deg)}}.diagonal-float{animation:diagonalFloat 12s ease-in-out infinite;will-change:transform}.category-label{display:inline-block;transform:rotate(-4deg) skewX(-8deg);transition:transform .3s ease;letter-spacing:1.2px}.category-label:hover{transform:rotate(-4deg) skewX(-8deg) scale(1.05)}.dark .category-label{box-shadow:0 0 8px rgba(155,92,251,.5)}