.survey-page{padding:55px 0 90px;background:linear-gradient(135deg,#eef7ff,#fff);min-height:100vh}.survey-card{width:min(850px,calc(100% - 28px));margin:auto;background:#fff;border:1px solid #dce6f0;border-radius:24px;box-shadow:0 25px 70px #17324d18;overflow:hidden}.survey-header{padding:42px 46px 30px;background:linear-gradient(135deg,#f8fbff,#edf6ff)}.survey-header h1{font-size:clamp(2rem,5vw,3.2rem)}.survey-meta{display:flex;gap:20px;flex-wrap:wrap;color:#526174}.survey-progress{height:8px;background:#dfe9f3}.survey-progress div{height:100%;background:linear-gradient(90deg,#0667c9,#c70768);transition:.3s}.survey-progress-label{text-align:right;padding:10px 42px;margin:0;color:#687386}.survey-section{display:none;padding:22px 46px 42px}.survey-section.active{display:block}.survey-section-heading{display:flex;gap:18px;align-items:center;padding-bottom:24px;border-bottom:1px solid #dce6f0}.survey-section-heading>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#0667c9;color:#fff;font-weight:800}.survey-section-heading h2,.survey-section-heading p{margin:0}.survey-question{border:0;border-bottom:1px solid #e5edf5;padding:27px 0;margin:0}.survey-question[hidden]{display:none}.survey-question legend{font:700 1.08rem Montserrat,sans-serif}.required{color:#c62424}.question-help{color:#687386;font-size:.92rem;margin:5px 0 12px}.survey-options{display:grid;gap:9px;margin-top:13px}.survey-options label{display:flex;align-items:center;gap:11px;padding:10px 13px;border:1px solid #d5e0eb;border-radius:10px;font-weight:400;cursor:pointer}.survey-options label:hover{background:#f3f8fd}.survey-options input{width:auto;margin:0}.other-answer{margin-top:10px}.question-error{color:#b42318;margin:7px 0 0;font-size:.9rem}.survey-question.invalid{background:#fff8f8}.survey-actions{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.summary-row{padding:16px 0;border-bottom:1px solid #e1e9f1}.summary-row p{margin:5px 0;color:#586679}@media(max-width:600px){.survey-header,.survey-section{padding-left:22px;padding-right:22px}.survey-section-heading{align-items:flex-start}.survey-actions{position:sticky;bottom:0;background:#fff;padding:12px 0}.survey-actions .button{flex:1}.survey-meta{display:grid;gap:5px}}