:root{box-sizing:border-box;background-color:#f0f0f0;margin:0;padding:0}@font-face{font-family:Poppins-Bold;src:url(assets/fonts/Poppins-Bold.ttf)format("truetype")}@font-face{font-family:Poppins-BoldItalic;src:url(assets/fonts/Poppins-BoldItalic.ttf)format("truetype")}@font-face{font-family:Poppins-ExtraBold;src:url(assets/fonts/Poppins-ExtraBold.ttf)format("truetype")}@font-face{font-family:Poppins-ExtraBoldItalic;src:url(assets/fonts/Poppins-ExtraBoldItalic.ttf)format("truetype")}@font-face{font-family:Poppins-Italic;src:url(assets/fonts/Poppins-Italic.ttf)format("truetype")}@font-face{font-family:Poppins-Regular;src:url(assets/fonts/Poppins-Regular.ttf)format("truetype")}.app{background-color:#fff;border-radius:24px 24px 200px;width:840px;height:643px;margin:80px auto;padding:56px;box-shadow:0 10px 20px #00000040}.all-input-container{flex-direction:row;justify-content:flex-start;gap:32px;width:100%;display:flex}.input-container{flex-direction:column;gap:8px;width:160px;min-height:93px;margin-top:48px;display:flex}.field-label{letter-spacing:5px;color:#716f6f;text-transform:uppercase;font-family:Poppins-Bold;font-size:14px}.field-label.error{color:#ff5757}.field-input{border:1px solid #dcdcdc;border-radius:8px;height:64px;padding:6px 24px;font-family:Poppins-Bold;font-size:32px}.field-input.error{border-color:#ff5757}.field-input::placeholder{color:#000;font-family:Poppins-Bold;font-size:32px}.error-label{letter-spacing:0;text-transform:none;color:#ff5959;margin:0;font-family:Poppins-Italic;font-size:14px;line-height:150%}.button-container{background-color:#fff;height:96px;margin:48px 0}.divider{background-color:#dcdcdc;width:calc(100% - 96px);height:1px;margin:48px auto;display:inline-block}button{cursor:pointer;background-color:#854dff;border:none;border-radius:216px;width:96px;height:96px;position:relative;top:-24px}p{letter-spacing:-2px;color:#000;font-family:Poppins-ExtraBoldItalic;font-size:104px;line-height:110%;display:block}.result{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;margin:0;display:flex;position:relative;top:-48px}span{letter-spacing:-2px;color:#854dff;font-family:Poppins-ExtraBoldItalic;font-size:104px;line-height:110%;display:inline-block}h1,h2,h3{letter-spacing:-2px;color:#000;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;margin:0;font-family:Poppins-ExtraBoldItalic;font-size:102px;line-height:110%;display:flex}@media screen and (width<=840px){.app{flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;width:80%;height:707px;margin:40px auto;padding:56px;display:flex}.all-input-container{width:min(544px,100%);height:auto}.button-container{flex-direction:row;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.divider{border:none;border-bottom:1px solid #dcdcdc;width:min(544px,100%);margin:24px auto;position:relative;left:50px}button{position:relative;top:4px;left:-40%}.result h1,.result h2,.result h3,.result p,.result span{font-size:72px;line-height:110%}}@media screen and (width<=600px){.app{width:90%;margin:20px auto;padding:24px 12px}.all-input-container{width:min(289px,100%);height:auto}.input-container{width:75px;min-height:72px}.field-input{width:75px;height:46px;padding:8px;font-size:20px}.field-input::placeholder{color:#000;padding:8px;font-size:20px}.field-label{letter-spacing:4px;width:75px;font-size:12px}.error-label{font-size:12px}.button-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:96px;display:flex}.divider{width:min(289px,100%);margin:0 auto;position:relative;left:0}button{width:72px;height:72px;position:relative;top:-36px;left:0}.result{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;width:292px;margin:0 auto;display:flex;position:relative;top:-24px}h1,h2,h3{font-size:42px;line-height:110%}}