@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500&display=swap";._Card_8ahbt_1{background-image:url(/assets/bg-card-back.503939c0.png);background-size:contain;height:245px;width:447px;color:var(--White);font-size:var(--Font-size);position:relative;box-shadow:0 20px 40px 20px #00000027;border-radius:12px}._cvc_8ahbt_12{position:absolute;right:10%;left:11%;bottom:44%;top:42%;text-align:right;display:flex;justify-content:end;align-items:center;padding:var(--sm)}._Card_wbeg6_1{background-image:url(/assets/bg-card-front.5aca8db4.png);background-size:contain;height:245px;width:447px;color:var(--White);font-size:var(--Font-size);box-shadow:0 20px 40px 20px #00000027;border-radius:12px}._Content_wbeg6_12{padding:var(--lg);display:grid;height:calc(100% - var(--lg) * 2);grid-template-rows:50% 1fr 1fr;grid-template-areas:"logo nan nan" "cardNumber cardNumber cardNumber " "cardName cardName cardDate";justify-content:space-between;align-items:end}._Logo_wbeg6_25{grid-area:logo;background-image:url(/assets/card-logo.c6566e76.svg);width:84px;height:47px;align-self:start}._Number_wbeg6_33{grid-area:cardNumber;font-size:28px}._Name_wbeg6_38{grid-area:cardName}._Date_wbeg6_42{grid-area:cardDate;justify-self:end}._App_37e93_1{display:grid;grid-template-columns:max-content max-content;gap:3rem}._cards_37e93_7{display:grid;grid-template-columns:var(--xl) 1fr var(--xl);gap:var(--xl)}._cards_37e93_7>div:nth-child(1){grid-column:span 2;grid-row:1}._cards_37e93_7>div:nth-child(2){grid-column:2 / span 3;grid-row:2}@media screen and (max-width: 1086px){._App_37e93_1{grid-template-columns:1fr;gap:3rem;justify-content:center;padding:2rem 0}._cards_37e93_7{display:block;position:relative;width:calc(100% - 80px);height:400px;margin:0 auto}._cards_37e93_7>div:nth-child(1){z-index:10;position:absolute;top:140px;right:-40px}._cards_37e93_7>div:nth-child(2){position:absolute;left:-40px}}._container_1rr2x_1{display:flex;justify-content:center}._form_1rr2x_6{display:grid;grid-template-areas:"name name" "number number" "date cvc" "button button";gap:var(--md);max-width:420px;min-width:420px;align-items:center}._title_1rr2x_19{display:block;text-transform:uppercase;color:var(--Very-dark-violet);padding:var(--sm) 0}._input_1rr2x_26{font-size:var(--Font-size);color:var(--Very-dark-violet);padding:var(--sm);border-radius:var(--sm);border:var(--Light-grayish-violet) solid 1px;width:calc(100% - var(--sm) * 2)}._input_1rr2x_26:focus{border-width:1px;border-style:solid;border-radius:var(--sm);border-image:linear-gradient(to right,var(--Linear-gradient)) 1;outline:none}._name_1rr2x_44{grid-area:name}._number_1rr2x_48{grid-area:number}._date_1rr2x_52{grid-area:date;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--sm)}._date_1rr2x_52>._title_1rr2x_19{grid-column:span 2}._cvc_1rr2x_62{grid-area:cvc}._button_1rr2x_66{grid-area:button;width:100%;background-color:var(--Very-dark-violet);color:var(--White);padding:var(--md);border-radius:var(--sm)}._invalid_1rr2x_75{color:var(--Red-input-errors);font-size:14px;padding:var(--sm) 0;opacity:0;width:100%;display:block;grid-column:span 2}._container_17wpy_1{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:420px;min-width:420px;gap:var(--xl)}._image_17wpy_11{max-width:70px}._text_17wpy_15{display:flex;flex-direction:column;align-items:center;gap:var(--md)}._title_17wpy_22{text-transform:uppercase;font-size:24px;color:var(--Very-dark-violet)}._sub_17wpy_28{color:var(--Dark-grayish-violet)}._button_17wpy_32{width:100%;background-color:var(--Very-dark-violet);color:var(--White);padding:var(--md);border-radius:var(--sm)}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--Linear-gradient: hsl(249, 99%, 64%), hsl(278, 94%, 30%);--Red-input-errors: 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: 18px;--sm: .5rem;--md: 1rem;--lg: 1.5rem;--xl: 2.5rem;--xxl: 5rem}*{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:var(--Font-size)}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:375px;min-height:100vh}body:before{content:"";position:absolute;inset:0;background-image:url(/assets/bg-main-desktop.8bf4510a.png);background-repeat:no-repeat;background-size:contain;z-index:-1}@media screen and (max-width: 1086px){body:before{background-image:url(/assets/bg-main-mobile.9e839c55.png);background-size:cover;bottom:60%}}