*{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}#card-content{height:21.6rem;width:36.2rem;display:flex;justify-content:center}#card-body{height:21.6rem;width:36.2rem;border-radius:1.6rem;padding:1.4rem 2.4rem;display:flex;flex-direction:column;place-content:space-between;position:absolute;background:rgba(255,255,255,.295);backdrop-filter:blur(5.7px);-webkit-backdrop-filter:blur(4.5px);border-radius:10px;border:1px solid rgba(255,255,255,.26)}#light{height:7.6rem;width:32rem;position:fixed;border-radius:63% 37% 47% 53%/0% 0% 100% 100%;opacity:70%}.cc-visa{background-color:#5c27fe;box-shadow:0 33px 48px 4px #5c27fe}.cc-master{background-color:#ff7b02;box-shadow:0 33px 48px 4px #ff7c02}.cc-elo{background-color:#00f7a7;box-shadow:0 33px 48px 4px #00f7a7}.cc-visa-s{-webkit-box-shadow:10px 10px 14px -8px rgba(93,39,254,.2);-moz-box-shadow:10px 10px 14px -8px rgb(93,39,254,.2);box-shadow:10px 10px 14px -8px #5d27fe33}.cc-master-s{-webkit-box-shadow:10px 10px 14px -8px rgba(255,124,2,.2);-moz-box-shadow:10px 10px 14px -8px rgba(255,124,2,.2);box-shadow:10px 10px 14px -8px #ff7c0233}.cc-elo-s{-webkit-box-shadow:10px 10px 14px -8px rgba(0,247,169,.32);-moz-box-shadow:10px 10px 14px -8px rgba(0,247,169,.32);box-shadow:10px 10px 14px -8px #00f7a952}#top-info{display:flex;justify-content:space-between}p{font-size:1.2rem}h4{font-size:1.4rem}#card-holder{width:15rem}.cc-default{background-color:#000;box-shadow:0 33px 48px 4px #000}.cc-default-s{-webkit-box-shadow:10px 10px 14px -8px rgba(0,0,0,.36);-moz-box-shadow:10px 10px 14px -8px rgba(0,0,0,.36);box-shadow:10px 10px 14px -8px #0000005c}.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}@media screen and (max-width: 750px){#app{display:flex;flex-direction:column;padding:2.4rem;gap:1rem;border-radius:1.6rem}}