@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";body{margin:0;padding:0;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}form{width:381px;gap:26px}form div{display:flex;flex-direction:column;margin-bottom:26px}label{color:#21092f;font-weight:500;font-size:12px;letter-spacing:2px}input{height:45px;display:flex;justify-content:center;padding-left:16px;font-size:18px;font-weight:500;color:#21092f;border:1px solid #dfdee0;border-radius:8px}input::placeholder{color:#cfcad1}form div.inner_wrapper{display:flex;flex-direction:row;gap:20px}div.inner_wrapper div{width:50%}button{width:381px;height:53px;color:#fff;background-color:#21092f;border:none;border-radius:8px;font-size:18px;font-weight:500}.error{color:red;font-size:12px;margin:0}div.card_front{width:447px;height:245px;background-image:url(/assets/cardFront-BpuRLKUF.png);padding:28px 32px 26.5px;color:#fff}div.card_front p{margin:0}div.card_front p.card_num{margin-bottom:25px;margin-top:64px;font-size:28px;font-weight:500;line-height:100%;letter-spacing:3.42px}div.name_date{display:flex;justify-content:space-between}div.card_back{background-image:url(/assets/cardBack-D4HRjhwu.png);width:447px;height:245px;padding-top:23px;display:flex;align-items:center;flex-direction:column;gap:26px}div.black_line{width:100%;height:54px;background-color:#2f2f2f}div.code{width:361px;height:38px;border-radius:4px;background-color:#adb5be;display:flex;justify-content:flex-end;color:#fff;align-items:center;font-weight:500;letter-spacing:2px;font-size:14px;padding-right:16px}.card_patterns{width:186px;height:26px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALoAAAAaCAYAAAAAEkYfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD0SURBVHgB7dy9DcIwEIbhsydgBFahpGUBZmCDsAErsAAtJatkhEyAsSLK/OEfyXe8TxXJsSz5rvvkc4/n6xze4SYiO4FWvfOuOx0P96nFCjXWdN6418cfOqHJtdt/Cz2pQo01nTfu9UKTWzEsrNWosabzhtjo4RI/eoFmsQnCdX65eI01nbeyFwAAAAAAAAAWOUlkIFZulbV7yI7v5/b+wksiA7Fyq6zdQ3Z8LwUkN7rYiJVbZe0esuJ7KSCj0dXHyq2ydg/E9wAAAAAAAAA0czkR7J+/LocOm6YA8LqcJtdu8xQAXpdDu9UpALwuZ0KCdmONP7VxBMsD5ET+AAAAAElFTkSuQmCC)}main{height:100vh;display:flex}aside.gradient{height:100%;background-repeat:no-repeat;width:483px;position:relative;background-size:cover;display:flex;align-items:center;background-image:url(/assets/gradient-BKR-fRq9.png)}div.cardBack_wrapper{margin-left:94px}aside.gradient section{position:absolute;display:flex;gap:37px;flex-direction:column;left:164px}aside.white_bf{flex-grow:1;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1200px){main{flex-direction:column}aside.gradient{width:100%;height:375px;justify-content:center}aside.gradient section{position:relative;gap:100px;left:0}div.cardFront_wrapper{position:absolute;top:141px;z-index:1}aside.white_bf{flex-grow:initial;height:100vh;margin-top:60px}}@media screen and (max-height: 890px){aside.white_bf{align-items:flex-end;margin-top:0;margin-bottom:40px}}@media screen and (max-height: 800px){aside.white_bf{margin-bottom:20px}}