*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}.container{width:100%;display:flex}.left{background:url(/assets/bg-main-desktop-BbGFZp7V.png) 50%/cover no-repeat;width:35%;min-height:100vh;position:relative}.card-front{color:#fff;background:url(/assets/bg-card-front-BU9fUX8l.png) 50%/cover no-repeat;border-radius:10px;flex-direction:column;justify-content:space-between;width:350px;height:200px;padding:20px;display:flex;position:absolute;top:120px;left:150px}.card-back{background:url(/assets/bg-card-back-BUIwGWj0.png) 50%/cover no-repeat;border-radius:10px;width:350px;height:200px;position:absolute;top:350px;left:220px}.card-number{letter-spacing:2px;font-size:20px}.card-info{justify-content:space-between;font-size:12px;display:flex}.cvc{color:#fff;position:absolute;top:90px;right:40px}.right{z-index:1;justify-content:center;align-items:center;width:65%;display:flex;position:relative}form{flex-direction:column;gap:15px;width:300px;display:flex}label{text-transform:uppercase;letter-spacing:1px;font-size:12px}input{border:1px solid #ccc;border-radius:6px;padding:10px}input:focus{border:1px solid purple;outline:none}.error{color:red;font-size:12px}.row{gap:10px;display:flex}.row input{width:100%}.labelExpCvc{justify-content:space-between;display:flex}.errorExpCvc{justify-content:space-around;display:flex}button{color:#fff;cursor:pointer;background:#21092f;border:none;border-radius:6px;padding:12px}button:hover{opacity:.9}