.fade-in-up{opacity:0;transform:translateY(40px);transition:opacity .4s ease-out,transform .4s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-up-fast{opacity:0;transform:translateY(40px);transition:opacity .3s ease-out,transform .3s ease-out}.fade-in-up-fast.visible{opacity:1;transform:translateY(0)}.fade-in-up-faq{opacity:0;transform:translateY(40px);transition:opacity .4s ease-out,transform .4s ease-out}.fade-in-up-faq.visible{opacity:1;transform:translateY(0);transition:all .6s ease-out;transition-delay:var(--delay,0s)}.fade-in-up.delay-1.visible{transition-delay:.1s}.fade-in-up.delay-2.visible{transition-delay:.2s}.fade-in-up.delay-3.visible{transition-delay:.3s}.fade-in-up.delay-4.visible{transition-delay:.4s}.fade-in-up.delay-5.visible{transition-delay:.5s}.fade-in-up.delay-6.visible{transition-delay:.6s}.image-zoom{opacity:0;transform:scale(.8);transition:transform 1s ease,opacity 1s ease}.image-zoom.visible{opacity:1;transform:scale(1)}.dot-grid{display:flex;align-items:center;justify-content:center}.dot-grid,.dot-grid__wrap{height:100%;width:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.shiny-text{color:black;overflow:hidden;position:relative;display:inline-block}.shiny-text:before{top:0;left:-75%;width:50%;opacity:0;content:"";height:100%;position:absolute;pointer-events:none;transform:skewX(-3deg);transition:opacity .2s ease;background:linear-gradient(120deg,rgba(255,255,255,0),rgba(255,255,255,.8) 50%,rgba(255,255,255,0))}.shiny-text:hover:before{opacity:1;animation-delay:.9s;animation:shine-slide 2s ease-in-out}.shiny-text:not(.disabled):before{animation:shine-slide 2s ease-in-out forwards;opacity:1}@keyframes shine-slide{0%{left:-75%;opacity:0}10%{opacity:1}40%{left:125%;opacity:1}50%{opacity:0}to{left:125%;opacity:0}}.btn-style{position:relative;overflow:hidden;padding:12px 24px;cursor:pointer;border-radius:6px}.btn-style:after,.btn-style:before{height:100%;position:absolute;top:0;left:0;transform:translateX(-100px) skewX(-15deg);content:"";pointer-events:none}.btn-style:before{width:60px;background:rgba(255,255,255,.5);filter:blur(30px);opacity:.5;transition:all .9s ease}.btn-style:after{width:30px;left:30px;background:rgba(255,255,255,.2);filter:blur(5px);transition:all .9s ease}.btn-style:hover:after,.btn-style:hover:before{transform:translateX(300px) skewX(-15deg)}.floating-image{width:150px;height:auto;animation:floatUpDown 3s ease-in-out infinite}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.swiping-container{animation:swipeWave 4s ease-in-out infinite;transform-origin:left center}@keyframes swipeWave{0%{transform:perspective(600px) rotateX(0deg) skewY(0deg)}50%{transform:perspective(600px) rotateX(2deg) skewY(-2deg)}to{transform:perspective(600px) rotateX(0deg) skewY(0deg)}}body{margin:0;padding:0}.container{width:100%;height:100vh;overflow:hidden;background:#2c3e50}h1{color:#fff;text-align:center}.container .box{position:relative;width:24px;height:24px;background:#111;float:left;border:1px solid rgba(0,0,0,.2);box-sizing:border-box;overflow:hidden}.container .box:before{content:"";position:absolute;top:6px;left:6px;bottom:6px;right:6px;background:#1d1d1d;box-shadow:0 1px 4px rgba(0,0,0,1);transition:5s ease-in-out}.container .box:hover:before{transition:0s ease-in-out}.container .box:nth-child(9n+1):hover:before{background:#f00;box-shadow:0 0 3px #f00,0 0 10px #f00}.container .box:nth-child(9n+2):hover:before{background:#0f0;box-shadow:0 0 3px #0f0,0 0 10px #0f0}.container .box:nth-child(9n+3):hover:before{background:#00f;box-shadow:0 0 3px #00f,0 0 10px #00f}.container .box:nth-child(9n+4):hover:before{background:#ff0;box-shadow:0 0 3px #ff0,0 0 10px #ff0}.container .box:nth-child(9n+5):hover:before{background:#0ff;box-shadow:0 0 3px #0ff,0 0 10px #0ff}.container .box:nth-child(9n+6):hover:before{background:#f0f;box-shadow:0 0 3px #f0f,0 0 10px #f0f}.container .box:nth-child(9n+7):hover:before{background:#e91e63;box-shadow:0 0 3px #e91e63,0 0 10px #e91e63}.container .box:nth-child(9n+8):hover:before{background:#00ffad;box-shadow:0 0 3px #00ffad,0 0 10px #00ffad}.container .box:nth-child(9n+9):hover:before{background:#f45103;box-shadow:0 0 3px #f45103,0 0 10px #f45103}.circular-text{color:#fff;width:122px;margin:auto;height:122px;cursor:pointer;font-weight:500;position:relative;border-radius:50%;text-align:center;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{top:0;left:0;right:0;bottom:0;font-size:16px;position:absolute;display:inline-block;transition:all .5s cubic-bezier(0,0,0,1)}