@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{height:100%;min-height:100vh;font-size:18px;font-family:"Space Grotesk",sans-serif;color:#21092f;letter-spacing:.1em;position:relative;display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;flex-direction:column}@media screen and (min-width: 1200px){body{flex-direction:row}}main{flex-grow:1}a{text-decoration:none;color:inherit;transition:all .3s ease 0s}a:hover{text-decoration:underline}img{width:auto;max-width:100%}input{border:1px solid #dedddf;font-size:1em;font-weight:500;font-family:"Space Grotesk",sans-serif;color:#21092f;padding:16px;outline:none;border-radius:10px}input::placeholder{color:#dedddf}button{font-size:1em;color:#fff;letter-spacing:.1em;padding:16px;border:none;background-color:#21092f;cursor:pointer;border-radius:10px}.card-header h1{display:none}.card-template{width:100%;background-image:url("../../../assets/images/bg-main-mobile.png");background-repeat:no-repeat;background-size:cover;background-position:center center;height:240px;margin-bottom:120px}@media screen and (min-width: 768px){.card-template{height:280px}}@media screen and (min-width: 1200px){.card-template{flex-basis:32%;height:100vh;margin:0;background-image:url("../../../assets/images/bg-main-desktop.png");background-repeat:no-repeat;background-size:cover;background-position:center center}}.card-template__container{max-width:420px;margin-inline:auto;height:100%;position:relative}@media screen and (min-width: 768px){.card-template__container{max-width:560px}}.card-template__back img,.card-template__front img{width:290px}@media screen and (min-width: 768px){.card-template__back img,.card-template__front img{width:340px}}@media screen and (min-width: 1200px){.card-template__back img,.card-template__front img{width:440px}}.card-template .alert{animation:cardAlert .3s 1 ease-in-out}@keyframes cardAlert{0%{transform:translateX(10px)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-10px)}80%{transform:translateX(10px)}100%{transform:none}}.card-template__back{position:absolute;top:40px;left:unset;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;right:0;margin-inline:20px}@media screen and (min-width: 1200px){.card-template__back{right:unset;top:52%;left:40%;width:440px}}.card-template__cvc{position:absolute;top:44%;left:0;width:100%;text-align:right;padding-inline:12%;color:#fff;font-size:.6em;pointer-events:none}@media screen and (min-width: 1200px){.card-template__cvc{font-size:1em}}.card-template__front{position:absolute;top:140px;left:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-inline:20px}@media screen and (min-width: 768px){.card-template__front{top:150px}}@media screen and (min-width: 1200px){.card-template__front{top:unset;bottom:52%;left:30%;margin:0;width:440px}}.card-template__front-wrapper{position:absolute;top:unset;left:0;width:100%;bottom:0;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.card-template__logo{position:absolute;top:20px;left:20px;width:50px}.card-template__number{flex-basis:100%;color:#fff;pointer-events:none}@media screen and (min-width: 1200px){.card-template__number{font-size:1.6em}}.card-template__name,.card-template__exp-date{color:#fff;font-size:.6em;pointer-events:none}@media screen and (min-width: 1200px){.card-template__name,.card-template__exp-date{font-size:1em}}.card-register{max-width:480px;margin-inline:auto;margin-bottom:80px;padding-inline:20px}@media screen and (min-width: 1024px){.card-register{max-width:600px}}@media screen and (min-width: 1200px){.card-register{margin-bottom:0;height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding-left:120px}}.card-register__form{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;width:100%}.card-register__form-row{flex-basis:100%}.card-register__form-row.half{flex-basis:calc(50% - 10px)}.card-register__form-row.exp-date{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:10px}.card-register__form-row.exp-date label,.card-register__form-row.exp-date .message{flex-basis:100%}.card-register__form-row.exp-date input{flex-basis:calc(50% - 5px);text-align:right}.card-register__form-row.cvc{align-self:flex-end}.card-register__form-row.cvc input{text-align:right}.card-register__form-row label{display:block;margin-bottom:12px;text-transform:uppercase;font-weight:500;font-size:.7em}@media screen and (min-width: 768px){.card-register__form-row label{font-size:initial}}.card-register__form-row input{width:100%;transition:all .3s ease 0s}.card-register__form-row input.error{border-color:#ff5252}.card-register__form-row input:not(.error).valid,.card-register__form-row input:not(.error):focus,.card-register__form-row input:not(.error):hover{border-color:rgba(0,0,0,0);border-style:double;background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(to right, hsl(0, 0%, 100%), hsl(0, 0%, 100%)),linear-gradient(to right, hsl(249, 99%, 64%), hsl(278, 94%, 30%))}.card-register__form-row button{width:100%}.card-register__form-row .message{font-size:.7em;letter-spacing:normal;color:#ff5252;margin-top:6px;height:16px}.card-confirm{text-align:center;width:100%}.card-confirm img{margin-bottom:40px}.card-confirm__title{font-size:1.5em;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:20px}.card-confirm__subtitle{letter-spacing:normal;color:#8e8593;margin-bottom:40px}.card-confirm button{width:100%}.card-attribution{font-size:11px;text-align:center;letter-spacing:normal;padding:20px;color:#8e8593}@media screen and (min-width: 1200px){.card-attribution{position:absolute;top:unset;left:unset;right:0;bottom:0}}.card-attribution a{color:#21092f}