:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f3f6fb}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;padding:48px 16px}.card{max-width:720px;margin:auto;background:#fff;padding:38px;border-radius:20px;box-shadow:0 12px 40px #26466d17}h1{font-size:30px;margin:14px 0 8px}.progress{height:6px;background:#e6ebf4;border-radius:9px;overflow:hidden}.progress i{height:100%;display:block;background:#6257e7}.field{display:flex;flex-direction:column;gap:7px;margin:24px 0}.field>span{font-weight:650}.field small{color:#687386}.field b,.field em{color:#d33;font-style:normal}input,textarea,select{font:inherit;border:1px solid #ccd3e0;border-radius:10px;padding:12px 14px;outline:none}input:focus,textarea:focus,select:focus{border-color:#6257e7;box-shadow:0 0 0 3px #6257e720}textarea{min-height:110px}.options{display:flex;flex-direction:column;gap:9px}.options label{display:flex;gap:8px}.rating button{background:none;color:#ccd3e0;padding:3px;font-size:30px}.rating button.on{color:#f4b740}footer{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}button{font:inherit;border:0;border-radius:10px;padding:12px 20px;background:#6257e7;color:#fff;cursor:pointer}.secondary{background:#eef0f6;color:#30394e}.success{text-align:center}.success>div{font-size:48px;color:#2aaf6f}@media(max-width:600px){main{padding:0}.card{min-height:100vh;border-radius:0;padding:24px}h1{font-size:25px}}