@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap);.header{position:fixed;height:70px;width:100%;top:0;left:0;z-index:100;transition:.3s ease-in}.header-bg{background-color:rgba(0,0,0,.9)}.header .navbar{display:flex;justify-content:space-between;align-items:center;max-width:auto;height:100%;padding:0 2rem}.header .navbar .logo{display:flex;align-items:center;justify-content:center}.header .navbar img{width:60px;height:auto}.header .navbar h1{margin-left:-20px;font-size:2rem}.header .nav-menu{display:flex;font-size:1.3rem;align-items:center;justify-content:center}.header .nav-item{padding:0 1.3rem;font-weight:500}.header .nav-item a:hover{padding-bottom:3px;border-bottom:3px solid var(--primary-color);transition:.2s}.header .login{display:flex;align-items:center;justify-content:center;padding:0 1.5rem;font-weight:500;cursor:pointer}.header .login p{font-size:1.3rem;font-weight:500}.header .login p:hover{padding-bottom:2px;border-bottom:3px solid var(--primary-color);transition:.3s}.header .login button{font-family:var(--font-family);position:relative;color:#fff;margin-left:1rem;font-size:1.3rem;font-weight:500;padding:.4rem 1rem;transition:.5s}.header .login button:hover{letter-spacing:.1rem;cursor:pointer;background:var(--primary-color);color:var(--primary-color);box-shadow:0 0 1rem var(--primary-color)}.header .login button:before{content:"";position:absolute;inset:2px;background-color:rgba(0,0,0,.9)}.header .login button span{position:relative;z-index:1}.header .login button i{position:absolute;inset:0;display:block}.header .login button i:before{content:"";position:absolute;top:0;left:80%;width:10px;height:4px;background-color:rgba(0,0,0,.9);-webkit-transform:translateX(-50%) skewX(325deg);transform:translateX(-50%) skewX(325deg);transition:.5s}.header .login button:hover i:before{width:20px;left:20%}.header .login button i:after{content:"";position:absolute;bottom:0;left:20%;width:10px;height:4px;background-color:rgba(0,0,0,.9);-webkit-transform:translateX(-50%) skewX(325deg);transform:translateX(-50%) skewX(325deg);transition:.5s}.header .login button:hover i:after{width:20px;left:80%}.hamburger{display:none}@media screen and (max-width:744px){.header{background-color:rgba(0,0,0,.9)}.header,.header .navbar{max-width:100%}.hamburger{display:block}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:rgba(0,0,0,.9);width:100%;z-index:999;text-align:center;transition:.3s}.nav-menu.active{left:0}.header .login,.nav-item{margin:1.5rem 0}.header .navbar img{width:50px}}.container{display:flex;flex-direction:row;padding-top:6rem}.container .content{flex:1 1;align-items:flex-start;justify-content:center}.container .content h1{padding:3rem 2rem 1.5rem 0;font-size:4rem}.container .content p{font-size:1.3rem;padding-right:2rem}.container .more{display:inline-block;font-size:1.3rem;font-weight:600;letter-spacing:2px;padding:.5rem 1rem;margin:1.3rem 2rem 1rem 0;-webkit-box-reflect:below 1px linear-gradient(transparent,rgba(0,0,0,.3333333333333333));transition:.5s}.container .more:hover{letter-spacing:3.5px}.container .glass-card{flex:1 1;display:flex;justify-content:center;align-items:center;position:relative}.card{position:relative;width:508px;height:314px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:500px;perspective:500px;z-index:2}.card .face{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 15px 15px rgba(0,0,0,.5);border-radius:15px;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blue(28px);backdrop-filter:blue(28px);transition:1s;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:hsla(0,0%,100%,.4) hsla(0,0%,100%,.2) hsla(0,0%,100%,.2) hsla(0,0%,100%,.4);border-style:solid;border-width:1px}.card .back,.card:hover .front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card:hover .back{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}.card .front .gif{position:absolute;right:-150px;top:80px;z-index:-10;opacity:.7}.card .front .map-img{width:100%;position:absolute;top:20px;color:#000;left:0;opacity:.5;z-index:-1}.card .front .chip{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;z-index:1}.card .front .chip img{width:80px}.card .front .number{bottom:130px;letter-spacing:6px;font-size:22px;text-shadow:0 2px 1px rgba(0,0,0,.3333333333333333)}.card .front .number,.card .front .valid{position:absolute;left:40px;color:#fff;font-weight:500}.card .front .valid{bottom:90px;display:flex;justify-content:center;align-items:center;line-height:1em;text-align:right}.card .front .valid span:last-child{margin-left:20px;font-size:18px;font-weight:500;letter-spacing:2px}.card .front .card-holder{position:absolute;bottom:40px;left:40px;color:#fff;font-weight:300;font-size:18px;letter-spacing:2px;text-transform:uppercase}.card .back .blackbar{position:absolute;top:40px;width:100%;height:60px;background:#000}.card .back .cvvtext{position:absolute;top:120px;left:30px}.card .back .cvvtext .white-bar{position:relative;width:380px;height:47px}.card .back .cvvtext .white-bar img{width:100%;display:block;height:45px;line-height:0}.card .back .cvvtext .cvv{position:relative;top:-48px;left:370px;background:#fff;color:#111;width:50px;height:45px;font-weight:600;letter-spacing:3px;display:flex;justify-content:center;align-items:center}.card .back .text{position:absolute;bottom:30px;left:30px;right:30px;color:#fff;font-size:10px;line-height:1.4rem;font-weight:300}@media screen and (max-width:1026px){.container{flex-direction:column}.container .glass-card{margin-top:5rem}}@media screen and (max-width:650px){.container .content h1{padding:1rem 1rem 0;font-size:3rem;text-align:center}.container .content p{font-size:1rem;text-align:center;padding:1.5rem}.container .buttons{align-items:center;justify-content:center}.container .glass-card{overflow:hidden}.card .back .cvvtext .white-bar{width:90%}.card .back .cvvtext .cvv{display:hidden}}@media screen and (max-width:505px){.container .content h1{padding:1.5rem 1rem 0;font-size:2rem;text-align:center}.container .content p{font-size:.9rem;text-align:center;padding:1.5rem}.container .more,.container .neon-button{font-size:1rem;margin:0}}@media screen and (max-width:326px){.container .more,.container .neon-button{font-size:.7rem}}.features{margin-top:5rem;margin-bottom:-16rem;overflow:hidden}.features h2{text-align:center;font-size:3rem;padding-bottom:10rem}.features .feature-cards{display:flex;align-items:center;justify-content:center}.features .feature-cards .card{text-align:center;margin-top:-4rem}.features .feature-cards .card img{padding:1rem;width:10rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20%}.features .feature-cards .card .card-content,.features .feature-cards .card img{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);box-shadow:5px 5px 30px rgba(0,0,0,.5)}.features .feature-cards .card .card-content{align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin:-3rem 3rem;padding:2rem 1rem 1rem;border-radius:20px;cursor:pointer}.features .feature-cards .card .card-content:hover{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:.5s}@media screen and (max-width:1114px){.features{margin-top:11rem}.features .feature-cards .card img{width:8rem}.features .feature-cards .card .card-content{padding:1rem;margin:-2rem 1rem}}@media screen and (max-width:650px){.features{margin-top:0}}@media screen and (max-width:500px){.features .feature-cards{flex-direction:column}.features .feature-cards .card{margin-top:-6rem}.features .feature-cards .card .card-content{justify-content:center;align-items:center;margin:-3rem 9rem}}.contain{display:flex;flex-direction:row;margin-top:6rem}.contain .about-text{flex:1 1;align-items:flex-start;justify-content:center}.reverse{display:flex;flex-direction:row-reverse}.contain .about-text h2{padding:3rem 2rem 1.5rem 0;font-size:3rem}.contain .about-text .text{font-size:1.3rem;padding-right:2rem}.image{flex:1 1;display:flex;justify-content:center;align-items:center}.image img{width:600px}@media screen and (max-width:872px){.contain{margin-top:0;padding-top:3rem}.contain .about-text h2{font-size:2rem}.image img{width:300px}.contain .about-text .text{font-size:1rem}}@media screen and (max-width:550px){.contain{flex-direction:column}}.install{width:100%;align-items:center;justify-content:center;margin:1rem 2rem;position:relative;z-index:50}.install .install-content{width:48%;position:absolute;bottom:-130px;left:40px;box-shadow:0 15px 15px rgba(0,0,0,.5);background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.4) hsla(0,0%,100%,.2) hsla(0,0%,100%,.2) hsla(0,0%,100%,.4);border-style:solid;border-width:1px;border-radius:40px;padding:2rem}.install-content h3{font-size:2.4rem;text-align:center}.install-content h6{font-size:1.5rem;text-align:center;padding-top:.4rem}.install-content p{padding:1rem;text-align:center}.install-content img{display:flex;cursor:pointer;align-items:center;justify-content:center;width:400px;padding-top:1.3rem;margin:auto}@media screen and (max-width:1136px){.install .install-content{bottom:-180px;left:auto;padding:1.5rem}.install-content h3{font-size:2rem}.install-content h6{font-size:1.2rem}.install-content img{width:400px}}@media screen and (max-width:956px){.install-content h3{font-size:2rem}.install-content h6{font-size:1.2rem}.install-content p{font-size:.8rem}.install-content img{width:300px;padding:0}}@media screen and (max-width:891px){.install .install-content{position:relative;width:90%;bottom:-70px}}@media screen and (max-width:549px){.install{width:100%;align-items:center;justify-content:center;margin:0 1rem}}.footer{display:flex;flex-direction:row;padding:1rem 0 2rem;overflow:hidden}.footer .test{flex:1 1;color:#05030e}.footer-content{flex:1 1;align-items:flex-end;justify-content:center}.footer-bg{width:100%;background:#0e0c17;border-top:1px solid hsla(0,0%,100%,.2);border-radius:30px 30px 0 0}.footer .logo{display:flex;align-items:center;justify-content:center}.footer .logo img{width:90px;height:auto}.footer h1{margin-left:-20px;font-size:3rem}.footer .links{display:flex;align-items:center;justify-content:center;grid-gap:25px;gap:25px;font-weight:500}a:hover{color:var(--primary-color);letter-spacing:1px;transition:.5s}.footer .copyright{display:flex;align-items:center;justify-content:center;padding:1rem}.portfolio:hover{color:var(--primary-color);letter-spacing:1px;transition:.5s}@media screen and (max-width:891px){.footer{flex-direction:column;padding-top:2.5rem}.footer .logo img{width:60px}.footer h1{font-size:2rem}.footer .links{grid-gap:15px;gap:15px}}@media screen and (max-width:366px){.footer .links{display:block;text-align:center}.footer .links p{padding:.3rem}}:root{--font-family:"Ubuntu",sans-serif;--primary-color:#80ff72;--footer-color:#05030e}*{margin:0;padding:0;box-sizing:border-box;outline:none;border:none}html{overflow-x:hidden;scroll-padding-top:5rem;scroll-behavior:smooth}body{font-family:"Ubuntu",sans-serif;font-family:var(--font-family);color:#fff;font-size:100%;background-color:#05030e;transition:all .45s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul{list-style:none}a{text-decoration:none;color:#fff}img{max-width:100%;height:auto}.gradient__bg{background:radial-gradient(circle at 3% 25%,#3c5b39 0,#05030e 25%)}.gradient2__bg{background:radial-gradient(ellipse at 50% 50%,#1d1e20 0,#05030e 64%)}.gradient-text{background:linear-gradient(89.97deg,#80ff72 1.84%,#7ee8fa 102.67%);background-clip:text;-webkit-background-clip:text}.gradient-logo,.gradient-text{-webkit-text-fill-color:transparent}.gradient-logo{background:linear-gradient(89.97deg,#aaea73 1.84%,#a0e901 102.67%);background-clip:text;-webkit-background-clip:text}.section__padding{padding:4rem 5%}.scale-up-center{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.buttons{display:flex;align-items:center}.neon-button{position:relative;display:inline-block;padding:.5rem 1rem;margin:1.3rem 2rem 1rem 0;overflow:hidden;transition:.5s;font-size:1.3rem;font-weight:600;letter-spacing:2px;-webkit-box-reflect:below 1px linear-gradient(transparent,rgba(0,0,0,.3333333333333333))}.neon-button:hover{background-color:#80ff72;background-color:var(--primary-color);color:#000;box-shadow:0 0 5px #80ff72,0 0 25px #80ff72,0 0 50px #80ff72,0 0 100px #80ff72;box-shadow:0 0 5px var(--primary-color),0 0 25px var(--primary-color),0 0 50px var(--primary-color),0 0 100px var(--primary-color)}.neon-button span{position:absolute;display:block}.neon-button span:first-child{top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#80ff72);background:linear-gradient(90deg,transparent,var(--primary-color));-webkit-animation:animate1 1s linear infinite;animation:animate1 1s linear infinite}@-webkit-keyframes animate1{0%{left:-100%}50%,to{left:100%}}@keyframes animate1{0%{left:-100%}50%,to{left:100%}}.neon-button span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#80ff72);background:linear-gradient(180deg,transparent,var(--primary-color));-webkit-animation:animate2 1s linear infinite;animation:animate2 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}@-webkit-keyframes animate2{0%{top:-100%}50%,to{top:100%}}@keyframes animate2{0%{top:-100%}50%,to{top:100%}}.neon-button span:nth-child(3){bottom:0;right:-100;width:100%;height:2px;background:linear-gradient(270deg,transparent,#80ff72);background:linear-gradient(270deg,transparent,var(--primary-color));-webkit-animation:animate3 1s linear infinite;animation:animate3 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes animate3{0%{right:-100%}50%,to{right:100%}}@keyframes animate3{0%{right:-100%}50%,to{right:100%}}.neon-button span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(1turn,transparent,#80ff72);background:linear-gradient(1turn,transparent,var(--primary-color));-webkit-animation:animate4 1s linear infinite;animation:animate4 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}@-webkit-keyframes animate4{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes animate4{0%{bottom:-100%}50%,to{bottom:100%}}@media screen and (max-width:650px){.container .buttons{align-items:center;justify-content:center}}@media screen and (max-width:505px){.container .neon-button{font-size:1rem;margin:0}}@media screen and (max-width:326px){.container .neon-button{font-size:.7rem}}
/*# sourceMappingURL=main.31a09886.chunk.css.map */