@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";*{font-family:Manrope,serif;padding:0;margin:0;box-sizing:border-box}body{background-color:#f9fafc;color:#333}h1{font-size:3.2em;line-height:1.1}p{color:#777}.app{padding:2rem}.header{text-align:center;margin-bottom:2rem}.header h2{font-size:2rem;margin-bottom:1rem}.form-container{max-width:600px;margin:0 auto;background-color:#fff;padding:2.5rem 1.5rem;border-radius:1rem;box-shadow:#9c9c9c1a 0 6px 17px 6px;-webkit-box-shadow:rgba(156,156,156,.1) 0px 6px 17px 6px;-moz-box-shadow:rgba(156,156,156,.1) 0px 6px 17px 6px}.form-container form{max-width:400px;margin:0 auto}.inputs-container{min-height:280px}.form-control{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem}label{font-weight:600;color:#777;font-size:.9rem}input,textarea{padding:.6rem;border:solid 1px #ededed;border-radius:5px;box-shadow:#9c9c9c0d 0 0 17px 6px;-webkit-box-shadow:rgba(156,156,156,.052) 0px 0px 17px 6px;-moz-box-shadow:rgba(156,156,156,.052) 0px 0px 17px 6px}::placeholder{color:#bfbfbf}textarea{height:120px}.actions{display:flex;justify-content:flex-end;gap:1rem}.actions button{display:flex;font-size:.9rem;font-weight:500;padding:.8rem 1.5rem;gap:.5rem;border-radius:5px;align-items:center;background-color:#7076f4;color:#fff;border:none;cursor:pointer;transition:.3s}.actions button:hover{background-color:#6268d8}.actions button>svg{font-size:1.3rem}.score-container{flex-direction:row;gap:2rem;justify-content:center}.score-container svg{font-size:1.6rem;transition:.3s}.radio-container{cursor:pointer;text-align:center;position:relative}.radio-container input{opacity:0;position:absolute;top:15px;left:33px}.radio-container:hover>svg{fill:#7076f4}.radio-container input:checked~svg{fill:#7076f4}.radio-container p{font-weight:400;font-size:.7rem}.thanks-container{text-align:center}.thanks-container h2{margin-bottom:1rem}.thanks-container p{font-size:.9rem;margin-bottom:.5rem}.thanks-container h3{margin:1rem 0}.review-data{text-align:left}.review-data svg{font-size:1.3rem;margin-left:5px;fill:#7076f4}.review-data span{font-weight:700}.steps{display:flex;gap:4rem;justify-content:center;align-items:center;margin:0 auto;max-width:400px;margin-bottom:2rem;position:relative}.steps:after{content:"";width:380px;border-bottom:1px solid #ccc;position:absolute;top:20px}.step{text-align:center;background-color:#fff;z-index:1;flex:1;padding:.5rem;font-weight:700}.step svg{font-size:1.6rem;margin-bottom:.2rem}.active,.active p{color:#7076f4}