:root{--survey-ink:#0b2d2e;--survey-lime:#d3f56f;--survey-paper:#fbfaf5;--survey-line:#dfe7e1}
.survey-page{min-height:100vh;background:var(--survey-paper);color:var(--survey-ink)}
.survey-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,90px);background:transparent;color:var(--survey-ink)}
.survey-header>a:last-child{padding:10px 15px;border:1px solid rgba(11,45,46,.14);border-radius:999px;font-size:13px;font-weight:700}
.survey-shell{min-height:calc(100vh - 88px);display:grid;grid-template-columns:minmax(320px,.9fr) minmax(520px,1.1fr);align-items:center;gap:8vw;padding:54px 9vw 90px;background:radial-gradient(circle at 13% 78%,rgba(211,245,111,.16),transparent 20%),linear-gradient(115deg,#082b2d 0 45%,#f8f6ef 45%)}
.survey-intro{max-width:610px;color:#fff}.survey-kicker{display:flex;align-items:center;gap:10px;color:var(--survey-lime);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.survey-kicker i{width:7px;height:7px;border-radius:50%;background:var(--survey-lime);box-shadow:0 0 0 5px rgba(211,245,111,.12)}
.survey-intro h1{margin:24px 0 23px;font:800 clamp(42px,5vw,70px)/1.03 Manrope;letter-spacing:-.055em}.survey-intro h1 em{color:var(--survey-lime);font-style:normal}.survey-intro>p{max-width:540px;color:#b1c5bf;font-size:17px;line-height:1.75}.survey-trust{display:flex;align-items:center;gap:13px;margin-top:42px;padding-top:25px;border-top:1px solid rgba(255,255,255,.14)}.survey-trust>span{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:rgba(211,245,111,.14);color:var(--survey-lime);font-weight:800}.survey-trust strong,.survey-trust small{display:block}.survey-trust strong{font-size:13px}.survey-trust small{margin-top:3px;color:#8fa9a2;font-size:11px}
.survey-card{min-height:620px;padding:38px 42px;border:1px solid rgba(255,255,255,.8);border-radius:29px;background:#fff;box-shadow:0 35px 100px rgba(8,43,45,.2)}.survey-loading,.survey-error,.survey-success{min-height:540px;display:grid;place-items:center;align-content:center;text-align:center}.survey-loading>span{width:35px;height:35px;border:3px solid #dfe8e2;border-top-color:#2f7564;border-radius:50%;animation:spin .8s linear infinite}.survey-loading strong{margin-top:14px;font-size:13px;color:#72827e}.survey-card-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--survey-line)}.survey-card-head div{display:flex;flex-direction:column}.survey-card-head small{color:#82918d;font-size:11px}.survey-card-head strong{margin-top:3px;font:800 20px Manrope}.survey-card-head>span{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#eef7dc;color:#4b765e;font-size:22px}.survey-greeting{margin:23px 0;color:#596b66;font-size:14px}.survey-greeting strong{color:var(--survey-ink)}
.rating-field{margin:0 0 19px;padding:17px 18px;border:1px solid var(--survey-line);border-radius:15px;background:#fbfcfa}.rating-field legend{display:contents;font-size:13px;font-weight:800}.rating-field legend b{color:#c65650}.star-rating{display:flex;flex-direction:row-reverse;justify-content:center;gap:7px;margin:13px 0 7px}.star-rating input{position:absolute;opacity:0;pointer-events:none}.star-rating label{color:#d7dfd9;font-size:42px;line-height:1;cursor:pointer;filter:drop-shadow(0 3px 5px rgba(8,43,45,.08));transition:.15s}.star-rating label:hover,.star-rating label:hover~label,.star-rating input:checked~label{color:#edb72f;transform:translateY(-2px)}.star-rating input:focus-visible+label{outline:3px solid rgba(47,117,100,.24);outline-offset:3px;border-radius:4px}.rating-field>small{color:#8b9793;font-size:10px}.rating-field>small:first-of-type{float:left}.rating-field>small:last-of-type{float:right}.rating-field:after{content:"";display:block;clear:both}
.survey-comment{display:block;margin-top:5px;font-size:13px;font-weight:800}.survey-comment>small{float:right;color:#8b9793;font-weight:500}.survey-comment textarea{height:92px;margin-top:8px;padding:13px 14px;font-size:13px}.survey-submit{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:20px;padding:12px 13px 12px 19px;border:0;border-radius:999px;background:var(--survey-ink);color:#fff;font-weight:800;cursor:pointer}.survey-submit b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--survey-lime);color:var(--survey-ink)}.survey-submit:disabled{opacity:.65;cursor:wait}.survey-error>span,.survey-success>span{display:grid;place-items:center;width:70px;height:70px;border-radius:22px;background:#eef7dc;color:#49725f;font-size:28px;font-weight:800}.survey-error>span{background:#fff0ed;color:#a84a42}.survey-error h2,.survey-success h2{margin:20px 0 6px;font:800 29px Manrope}.survey-error p,.survey-success p{max-width:350px;margin:0;color:#75837f;font-size:13px}.survey-error a,.survey-success a{margin-top:24px;padding:11px 16px;border:1px solid var(--survey-line);border-radius:999px;font-size:12px;font-weight:800}
@media(max-width:980px){.survey-shell{grid-template-columns:1fr;padding:55px 8vw 80px;background:radial-gradient(circle at 20% 18%,rgba(211,245,111,.12),transparent 24%),#082b2d}.survey-intro{text-align:center;margin:auto}.survey-kicker{justify-content:center}.survey-intro>p{margin-left:auto;margin-right:auto}.survey-trust{justify-content:center}.survey-card{width:min(650px,100%);margin:auto}}
@media(max-width:620px){.survey-header{height:74px;padding:0 18px}.survey-header>a:last-child{font-size:11px}.survey-shell{padding:38px 8px 55px}.survey-intro{padding:0 18px}.survey-intro h1{font-size:42px}.survey-intro>p{font-size:15px}.survey-trust{align-items:flex-start;text-align:left}.survey-card{min-height:560px;padding:25px 17px;border-radius:22px}.star-rating{gap:3px}.star-rating label{font-size:38px}}