@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500&display=swap);:root{--transparent-bg:linear-gradient(#fff,#fff);--border-active:linear-gradient(90deg,#6448fe,#600594);--border-error:#ff5252;--white:#fff;--light-violet:#dedddf;--medium-violet:#8e8593;--dark-violet:#21092f;--dark-violet-hover:#600594}body{font-family:Space Grotesk,sans-serif;font-weight:300}*,:after,:before{box-sizing:border-box;font-weight:300;margin:0;padding:0}.content-wrapper{background-color:var(--white);display:grid;grid-template-columns:minmax(400px,30%) 1fr;height:100vh;min-height:500px}.cards-container{align-items:center;background-image:url(/static/media/bg-main-desktop.806e7aa7b4dbc1d78bc3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;position:relative}.cards-wrapper{align-items:flex-end;display:flex;flex-direction:column;width:100%}.card-container{border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.1);overflow:hidden;position:relative}.card-container img{display:block;max-width:100%}.card-container:first-child{margin-bottom:30px;margin-right:-25%}.card-container:last-child{margin-right:-45%}.card-details-container{align-items:flex-start;bottom:0;color:var(--white);display:flex;flex-direction:column;left:0;padding:30px;position:absolute;right:0;top:0}.card-details-container h1{font-size:25px;letter-spacing:2px;margin:auto 0 20px}.card-details-group{display:flex;justify-content:space-between;width:100%}.card-details-group h2,.number-back{font-size:18px;letter-spacing:2px}.number-back{left:79%;position:absolute;top:49%;translate:0 -50%}.form-container{align-items:center;display:flex;justify-content:center;margin-left:30px;padding:0 10px}form{max-width:400px;width:100%}.input-group,form{display:flex;flex-direction:column}.input-group{margin-bottom:30px}.input-group label{font-size:14px;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.input-groups{display:flex}.input-groups .input-group:last-child{width:100%}.input-group div{display:flex}.input-group div input{width:40%}.input-group div input:first-child{margin-right:10px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input{border:1px solid var(--light-violet);border-radius:10px;color:var(--dark-violet);font-family:inherit;font-size:18px;outline:none;overflow:hidden;padding:15px;width:100%}input:focus{background:var(--transparent-bg) padding-box,var(--border-active) border-box;border:1px solid transparent}input.input-error:focus{background:transparent;border-color:red}.input-error{border:1px solid red}.error-message{color:red;font-size:14px;margin-top:8px}.btn-submit{align-items:center;background-color:var(--dark-violet);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:20px;justify-content:center;padding:15px}.btn-submit:hover{background-color:var(--dark-violet-hover)}@-webkit-keyframes loading{0%{rotate:0deg}to{rotate:1turn}}@keyframes loading{0%{rotate:0deg}to{rotate:1turn}}.spinner{-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top:2px solid var(--dark-violet);height:26px;width:26px}.btn-submit:hover .spinner{border-top-color:var(--dark-violet-hover)}.success-container{align-items:center;display:flex;justify-content:center}.success-content-box{align-items:center;display:flex;flex-direction:column}.success-content-box img{margin-bottom:30px}.success-content-box h2{color:var(--dark-violet);font-size:35px;letter-spacing:5px;margin-bottom:15px;text-transform:uppercase}.success-content-box p{color:var(--medium-violet);font-size:20px;margin-bottom:50px}.success-content-box button{width:130%}@media screen and (max-width:1290px){.content-wrapper{grid-template-columns:1fr}.form-container{margin-left:0;padding-bottom:28px}.cards-container{background-image:url(/static/media/bg-main-mobile.caa4689407777a312ede.png);margin-bottom:50px;min-height:350px}.cards-wrapper{align-items:center;flex-direction:row;justify-content:center;padding:0 20px}.card-container:first-child{margin-right:-200px;z-index:10}.card-container:last-child{margin-right:0}}@media screen and (max-width:800px){.cards-container{margin-bottom:150px;padding-top:30px}.card-container:first-child{margin-bottom:-200px;margin-right:-200px;z-index:10}.card-container:last-child{margin-bottom:70px;margin-left:-150px;margin-right:0}.success-container{padding:0 10px}.success-content-box{text-align:center}.success-content-box button{width:100%}}@media screen and (max-width:400px){.cards-container{padding-top:0}.cards-wrapper{flex-direction:column-reverse;padding:0 40px}.card-container:first-child{margin:0;translate:-25px 70px}.card-container:last-child{margin:0;translate:15px 145px}.number-back{left:75%}.card-details-container img{width:50px}.card-details-container h1{font-size:18px;margin-bottom:12px}.card-details-group h2{font-size:15px}}@media screen and (max-width:378px){.card-container:first-child{margin:0;translate:-10px 60px}.card-container:last-child{margin:0;translate:15px 130px}.number-back{left:75%}.card-details-container img{width:50px}.card-details-container h1{font-size:16px;margin-bottom:12px}.card-details-group h2{font-size:15px}}
/*# sourceMappingURL=main.f04a5710.css.map*/