@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500&display=swap";:root{--red-input-error: hsl(0, 100%, 66%);--white: hsl(0, 0%, 100%);--light-grayish-violet: hsl(270, 3%, 87%);--dark-grayish-violet: hsl(279, 6%, 55%);--very-dark-violet: hsl(278, 68%, 11%);--font-size-card: 18px;--font-size-form: 14px}*{box-sizing:border-box;margin:0;padding:0;font-family:Space Grotesk,sans-serif}body{min-height:100vh}.container{display:flex;flex-direction:column}.cards_container{background-image:url(/assets/bg-main-mobile-bEu5Eiq-.png);background-repeat:no-repeat;background-size:cover;height:240px;position:relative;color:var(--white)}.card1,.card2{position:absolute;width:285px;height:157px;border-radius:8px;background-size:cover;background-repeat:no-repeat;box-shadow:0 10px 30px -5px #0003;letter-spacing:1.5px}.card1{background-image:url(/assets/bg-card-front-BU9fUX8l.png);z-index:10;bottom:-44px;left:16px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.card2{background-image:url(/assets/bg-card-back-BUIwGWj0.png);z-index:5;top:32px;right:16px}.card1_logo{width:54px}.card1_logo img{width:100%}.card_content #number{font-size:var(--font-size-card);letter-spacing:2.2px;margin-bottom:15px}.card_content_info{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase}.card2 p{position:absolute;top:71px;right:36px;font-size:10px}.form_container,.thank-you-wrapper{padding:90px 24px 45px}.card_form,.thank-you-wrapper{width:100%;max-width:380px;margin:0 auto}.card_form label{color:var(--very-dark-violet);text-transform:uppercase;font-size:12px;letter-spacing:2px;margin-bottom:8px;display:block}.card_form input{width:100%;padding:12px;border:1px solid var(--light-grayish-violet);border-radius:8px;font-size:var(--font-size-form)}.card_form input::placeholder{color:var(--light-grayish-violet)}.card_form input:focus{outline:1px solid hsl(249,99%,64%)}.form_group{margin-bottom:20px}.form_row{display:flex;gap:10px}.expiry_inputs{display:flex;gap:8px}.form_row .form_group:last-child{flex-grow:1}.submit_btn{background-color:var(--very-dark-violet);color:var(--white);border:none;border-radius:8px;padding:15px;width:100%;font-size:18px;cursor:pointer;margin-top:10px}.submit_btn:hover{opacity:.9}.input-error{border-color:var(--red-input-error)}.error-text{color:var(--red-input-error);font-size:12px;margin-top:6px}.thank-you-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center}.thank-you-wrapper img{width:80px;margin-bottom:30px}.thank-you-title{color:var(--very-dark-violet);text-transform:uppercase;letter-spacing:3.5px;font-size:28px;margin-bottom:15px}.thank-you-text{color:var(--dark-grayish-violet);font-size:18px;margin-bottom:40px}@media only screen and (min-width: 1024px){.container{flex-direction:row;gap:200px}.cards_container{width:483px;min-height:100vh;background-image:url(/assets/bg-main-desktop-BbGFZp7V.png)}.form_container,.thank-you-wrapper{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:0}.card1,.card2{width:440px;height:230px}.card1{top:37px;left:134px;padding:28px}.card2{top:309px;left:207px}.card_content #number{font-size:28px;margin-bottom:25px}.card_content_info{font-size:14px}.card2 p{font-size:14px;top:110px;right:58px}}