.card-checkout{display:flex;flex-direction:column;align-items:center;width:100%;margin:auto}.credit-card{position:relative;width:320px;height:190px;border-radius:15px;perspective:1000px}.credit-card .back,.credit-card .front{position:absolute;width:100%;height:100%;border-radius:15px;background:linear-gradient(135deg,#4e4376,#2b5876);color:white;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out;padding:20px;box-sizing:border-box}.credit-card .back{display:flex;flex-direction:column;justify-content:center}.credit-card .back,.credit-card.flipped .front{transform:rotateY(180deg)}.credit-card.flipped .back{transform:rotateY(1turn)}.card-type{text-align:right}.card-logo{height:40px}.card-number{font-size:20px;letter-spacing:2px;margin:20px 0}.card-footer{display:flex;justify-content:space-between}.card-expiry,.card-name{font-size:14px;text-transform:uppercase}.stripe{background:#000;height:40px;margin-bottom:20px}.cvv{background:#fff;color:#000;width:80px;text-align:center;border-radius:5px;padding:5px 0}.card-form{gap:15px;width:100%}.card-form,.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;margin-bottom:5px}.form-group input,.form-group select{padding:8px 10px;font-size:16px;border:1px solid #ccc;border-radius:5px}.form-inline{display:flex;gap:10px}.reset-page .name-input{margin-bottom:5px;display:flex;flex-direction:column;gap:5px}.reset-page .name-input:last-child{margin-bottom:0}.reset-page label{color:var(--main-title);font-weight:var(--font-title-weight)}