*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background-color:#f0f0f0;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:svgjs='http://svgjs.dev/svgjs'%20viewBox='0%200%20700%20700'%20width='700'%20height='700'%20opacity='0.64'%3e%3cdefs%3e%3cfilter%20id='nnnoise-filter'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%20filterUnits='objectBoundingBox'%20primitiveUnits='userSpaceOnUse'%20color-interpolation-filters='linearRGB'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.118'%20numOctaves='4'%20seed='15'%20stitchTiles='stitch'%20x='0%25'%20y='0%25'%20width='100%25'%20height='100%25'%20result='turbulence'%3e%3c/feTurbulence%3e%3cfeSpecularLighting%20surfaceScale='17'%20specularConstant='1.3'%20specularExponent='20'%20lighting-color='%23854cff'%20x='0%25'%20y='0%25'%20width='100%25'%20height='100%25'%20in='turbulence'%20result='specularLighting'%3e%3cfeDistantLight%20azimuth='3'%20elevation='88'%3e%3c/feDistantLight%3e%3c/feSpecularLighting%3e%3c/filter%3e%3c/defs%3e%3crect%20width='700'%20height='700'%20fill='transparent'%3e%3c/rect%3e%3crect%20width='700'%20height='700'%20fill='%23854cff'%20filter='url(%23nnnoise-filter)'%3e%3c/rect%3e%3c/svg%3e")}main{width:50%;min-width:max-content;max-width:720px;font-family:Poppins,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:40px;border-radius:20px 20px 180px}@media screen and (max-width: 1024px){main{width:65%}}@media screen and (max-width: 425px){main{min-width:340px;padding:40px 10px;border-bottom-right-radius:120px}}form{color:#716f6f}form .line-btn{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){form .line-btn{flex-direction:column}}form .line-hr{display:inline-block;width:90%;height:2px;background-color:#f0f0f0}@media screen and (max-width: 768px){form .line-hr{position:absolute}}#form-Container{display:flex;gap:20px}#form-Container.error{color:#ff5757}#form-Container label{display:block;margin-bottom:5px;font-size:small;letter-spacing:.1rem;text-transform:uppercase}#form-Container input{width:140px;font-size:32px;font-weight:700;padding:10px 15px;margin-bottom:5px;border-radius:10px;border:1px solid hsl(0,0%,86%);color:#141414;outline:none;transition:color .5s ease}#form-Container input:hover,#form-Container input:focus,#form-Container input:active{border-color:#854dff}#form-Container input.error{border-color:#ff5757}@media screen and (max-width: 768px){#form-Container input{width:120px}}@media screen and (max-width: 425px){#form-Container input{width:90px;font-size:20px}}#form-Container input[type=number]::-webkit-inner-spin-button{display:none}#form-Container input[type=number]{-moz-appearance:textfield}#form-Container .errorMessage{color:#ff5757;font-size:smaller;font-style:italic}button{background-color:#854dff;width:75px;height:75px;border-radius:100%;border:none;cursor:pointer;position:relative;z-index:1;margin-top:5px}button:focus{outline-offset:.5px;outline:2px solid hsl(259,100%,30%)}@media screen and (max-width: 768px){button{margin:30px 0}}button:before{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='46'%20height='44'%20viewBox='0%200%2046%2044'%3e%3cg%20fill='none'%20stroke='%23FFF'%20stroke-width='2'%3e%3cpath%20d='M1%2022.019C8.333%2021.686%2023%2025.616%2023%2044M23%2044V0M45%2022.019C37.667%2021.686%2023%2025.616%2023%2044'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;height:100%;width:100%;display:block;position:absolute;top:0;z-index:2}button:after{content:"";height:100%;width:100%;display:block;position:absolute;top:0;border-radius:100%;z-index:-1;transition:opacity .3s ease-out;background-color:#141414;opacity:0}button:hover:after{opacity:1}#result{color:#141414;font-family:Poppins,sans-serif;font-style:italic;font-weight:800;font-size:80px;line-height:1.1}#result span{color:#854dff}@media screen and (max-width: 768px){#result{font-size:65px}}@media screen and (max-width: 425px){#result{font-size:52.3px;margin-left:3px}}