*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:62.5%}body{width:100vw;height:100vh;font-size:1.6rem;display:grid;place-content:center}#app{background-color:#444;padding:2.4rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-radius:1.6rem;-webkit-box-shadow:0px 0px 24px 1px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 24px 1px rgba(0,0,0,.75);box-shadow:0 0 24px 1px #000000bf}#card{display:grid;place-content:center}.hidden{display:none}.c-size{height:21.6rem;width:36.2rem;border-radius:1.6rem}#card-front{-webkit-box-shadow:6px 3px 11px -4px rgb(101,51,253);-moz-box-shadow:6px 3px 11px -4px rgb(101,51,253);box-shadow:6px 3px 11px -4px #6533fd;background-image:linear-gradient(to right bottom,#c165dd,#b253e4,#9f43eb,#8433f4,#5c27fe);padding:1.4rem 2.4rem;display:flex;flex-direction:column;place-content:space-between}#top-info{display:flex;justify-content:space-between}p{font-size:1.2rem}h4{font-size:1.6rem}#card-holder{width:15rem}.flex{display:flex}.icon{width:4.2rem}#input-wrapper{display:grid;grid-template-areas:"A A" "B B" "C D" "E E";gap:1.6rem}#c-c-number{grid-area:A}#c-c-name{grid-area:B}#c-c-validity{grid-area:C}#c-c-cvv{grid-area:D}#cc-but{grid-area:E}label{font-weight:600;font-size:1.4rem}input{margin-top:.4rem;width:100%;padding:1.6rem;border-radius:.4rem;border:none;background:#303030;font-size:1.4rem;font-weight:600}button{padding:1.4rem;margin:2rem 0;border-radius:.4rem;border:none;font-weight:bolder;font-size:1.8rem}