.survey-page{--teal:#087f83;--deep:#123d58;color:#173e55;background:radial-gradient(circle at 88% 0,#c8f2ec,#0000 32%),linear-gradient(145deg,#f7fbfc,#eaf4f4);min-height:100vh;font-family:Inter,Arial,sans-serif}.survey-page *{box-sizing:border-box}.survey-nav{z-index:10;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f3f55f2;justify-content:space-between;align-items:center;gap:20px;padding:18px max(22px,50vw - 590px);display:flex;position:sticky;top:0}.survey-nav>a{color:#fff;font-weight:900;text-decoration:none}.survey-nav>div{width:min(320px,45vw)}.survey-nav span{letter-spacing:.1em;margin-bottom:7px;font-size:.72rem;font-weight:900;display:block}.survey-nav i{background:#ffffff35;border-radius:9px;height:5px;display:block;overflow:hidden}.survey-nav em{background:#53dec9;height:100%;transition:width .25s;display:block}.survey-intro{max-width:1180px;margin:auto;padding:70px 24px 35px}.survey-intro>span,.survey-thanks>span{color:var(--teal);letter-spacing:.14em;font-size:.75rem;font-weight:900}.survey-intro h1,.survey-thanks h1{letter-spacing:-.045em;max-width:800px;margin:13px 0;font:600 clamp(2.8rem,6vw,5.5rem)/.92 Georgia,serif}.survey-intro p{color:#577082;max-width:720px;font-size:1.05rem;line-height:1.7}.survey-form{max-width:1180px;margin:auto;padding:0 24px 70px}.survey-form>section{background:#ffffffdc;border:1px solid #c9dddd;border-radius:22px;margin-top:22px;padding:clamp(22px,4vw,42px);box-shadow:0 20px 55px #1c687110}.survey-section-title{border-bottom:1px solid #d8e6e6;grid-template-columns:52px 1fr;gap:16px;margin-bottom:25px;padding-bottom:22px;display:grid}.survey-section-title>b{background:var(--teal);color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.survey-section-title h2{margin:0;font:600 1.8rem Georgia,serif}.survey-section-title p{color:#667f8c;margin:6px 0 0}.survey-form fieldset{border:0;border-bottom:1px solid #e1ebeb;margin:0;padding:21px 0}.survey-form legend{width:100%;margin-bottom:14px;font-size:1rem;font-weight:800;line-height:1.45}.survey-options{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.survey-options label,.survey-score label{cursor:pointer;position:relative}.survey-options input,.survey-score input{opacity:0;position:absolute}.survey-options span,.survey-score span{color:#456270;text-align:center;background:#f5fafa;border:1px solid #c9dddd;border-radius:11px;place-items:center;min-height:48px;padding:9px;font-size:.86rem;font-weight:750;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;display:grid}.survey-options label:hover span,.survey-score label:hover span{color:#086d72;background:#e8f8f6;border-color:#16a6a4;transform:translateY(-3px);box-shadow:0 9px 18px #087f8324}.survey-options label:active span,.survey-score label:active span{transform:translateY(-1px)scale(.98)}.survey-options input:focus-visible+span,.survey-score input:focus-visible+span{outline-offset:3px;outline:3px solid #53dec980}.survey-options input:checked+span,.survey-score input:checked+span{border-color:var(--teal);background:var(--teal);color:#fff;box-shadow:0 7px 16px #087f8328}.survey-options label:hover input:checked+span,.survey-score label:hover input:checked+span{color:#fff;background:#066f75;border-color:#71f0df;transform:translateY(-3px);box-shadow:0 10px 22px #087f8340}.survey-text{border-bottom:1px solid #e1ebeb;padding:20px 0;display:block}.survey-text>span{margin-bottom:11px;font-weight:800;line-height:1.45;display:block}.survey-text textarea{color:#173e55;width:100%;min-height:112px;font:inherit;resize:vertical;background:#f8fbfb;border:1px solid #c5d9d9;border-radius:12px;padding:15px}.survey-score{grid-template-columns:repeat(11,1fr);gap:6px;display:grid}.survey-score span{min-height:43px;padding:5px}.score-ends{color:#718791;justify-content:space-between;margin-top:7px;font-size:.72rem;display:flex}.survey-submit{background:var(--deep);color:#fff;border-radius:17px;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:22px 25px;display:flex}.survey-submit p{color:#c7dcdf;margin:0}.survey-submit button,.survey-thanks button,.survey-thanks a{color:#fff;cursor:pointer;background:linear-gradient(135deg,#09a3a0,#08767e);border:0;border-radius:11px;padding:14px 19px;font-weight:900;text-decoration:none}.survey-submit button:disabled{opacity:.38;cursor:not-allowed}.survey-thanks{text-align:center;background:#fff;border:1px solid #c9dddd;border-radius:24px;max-width:850px;margin:70px auto;padding:65px;box-shadow:0 25px 60px #1b61751c}.survey-thanks p{color:#607983;max-width:650px;margin:20px auto 30px;font-size:1.05rem;line-height:1.7}.survey-thanks button,.survey-thanks a{margin:5px;display:inline-block}.survey-thanks a{color:var(--teal);background:#fff;border:1px solid #9bc8c6}@media (max-width:760px){.survey-options{grid-template-columns:1fr 1fr}.survey-score{grid-template-columns:repeat(6,1fr)}.survey-submit{flex-direction:column;align-items:stretch}.survey-submit button{width:100%}.survey-thanks{margin:30px 14px;padding:40px 20px}}@media (max-width:440px){.survey-options{grid-template-columns:1fr}.survey-nav>div{width:50%}}@media print{.survey-nav,.survey-submit{display:none}.survey-page{background:#fff}.survey-form>section{box-shadow:none}}.survey-thanks a{transition:transform .18s,background .18s,color .18s,border-color .18s,box-shadow .18s}.survey-thanks a:hover{color:#fff;background:#087f83;border-color:#087f83;transform:translateY(-3px);box-shadow:0 10px 22px #087f8338}.survey-thanks a:active{transform:translateY(-1px)scale(.98)}.survey-thanks a:focus-visible{outline-offset:4px;outline:3px solid #53dec980}.survey-nav>a{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff42;border-radius:10px;align-items:center;min-height:44px;padding:10px 14px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.survey-nav>a:hover{background:#ffffff1f;border-color:#69ead9;transform:translateY(-2px);box-shadow:0 8px 20px #00182042}.survey-nav>a:active{transform:translateY(0)scale(.98)}.survey-nav>a:focus-visible{outline-offset:3px;outline:3px solid #53dec9}
