.opc-survey{--opc-navy:#153047;--opc-blue:#18647a;--opc-mint:#e8f5f2;--opc-line:#dce7e8;--opc-text:#253946;font-family:Arial,"Noto Sans",sans-serif;color:var(--opc-text);background:#fff;border:1px solid var(--opc-line);border-radius:22px;box-shadow:0 22px 65px rgba(22,58,72,.09);max-width:940px;margin:32px auto;overflow:hidden;line-height:1.55}
.opc-survey *{box-sizing:border-box}.opc-survey__hero{background:radial-gradient(circle at 90% 10%,rgba(162,221,213,.28),transparent 35%),linear-gradient(125deg,#123149,#1b6674);color:white;padding:clamp(30px,5vw,62px)}
.opc-survey__eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:#bde8df}.opc-survey__hero h2{font-size:clamp(29px,4vw,46px);line-height:1.13;letter-spacing:-.025em;color:white;margin:18px 0 14px}.opc-survey__hero p{font-size:17px;max-width:590px;color:#e0f1f1;margin:0}.opc-survey__badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.opc-survey__badges span{border:1px solid rgba(255,255,255,.34);border-radius:100px;padding:7px 14px;font-size:13px;color:#ecf9f5}
.opc-survey__form{padding:clamp(23px,5vw,54px)}.opc-survey__progress{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:13px;font-weight:700;color:var(--opc-blue);margin-bottom:26px}.opc-survey__bar{grid-column:1/-1;height:6px;background:#e4efef;border-radius:9px;overflow:hidden}.opc-survey__bar i{display:block;height:100%;width:0;background:#279889;border-radius:9px;transition:width .25s}
.opc-survey__question{border:0;border-bottom:1px solid var(--opc-line);padding:25px 0 29px;margin:0;min-width:0}.opc-survey__question legend{display:flex;align-items:flex-start;gap:15px;width:100%;font-size:17px;font-weight:700;color:var(--opc-navy);line-height:1.45;padding:0}.opc-survey__number{flex:none;color:#228a85;font-size:13px;background:var(--opc-mint);border-radius:9px;padding:7px 9px;line-height:1.1}.opc-survey__options{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.opc-survey__option{position:relative;cursor:pointer}.opc-survey__option input{position:absolute;opacity:0;width:1px;height:1px}.opc-survey__option span{display:block;border:1px solid #cedfdf;background:#fff;border-radius:10px;padding:10px 15px;font-size:14px;line-height:1.35;transition:.15s}.opc-survey__option:hover span{border-color:#39968b;background:#f5fbf9}.opc-survey__option input:checked+span{border-color:#168577;background:#e3f5ef;color:#07584f;box-shadow:inset 0 0 0 1px #168577;font-weight:700}.opc-survey__option input:focus-visible+span{outline:3px solid #ffc857;outline-offset:2px}
.opc-survey textarea,.opc-survey__other input{width:100%;font:inherit;font-size:15px;color:var(--opc-navy);border:1px solid #bdcfd1;border-radius:10px;background:#fbfdfd;padding:14px 16px;outline:none}.opc-survey textarea{margin-top:17px;resize:vertical;min-height:110px}.opc-survey textarea:focus,.opc-survey__other input:focus{border-color:#168577;box-shadow:0 0 0 3px rgba(22,133,119,.13)}.opc-survey__other{display:block;max-width:560px;margin-top:17px;color:#517078;font-size:13px;font-weight:700}.opc-survey__other input{display:block;margin-top:7px}.opc-survey__finish{padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.opc-survey__finish p{font-size:13px;color:#647b83;max-width:490px;margin:0}.opc-survey__finish button{appearance:none;border:0;border-radius:11px;background:#137b75;color:white;padding:14px 20px;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 7px 18px rgba(19,123,117,.2)}.opc-survey__finish button:hover{background:#0c6863}.opc-survey__finish button:focus-visible{outline:3px solid #ffc857;outline-offset:3px}.opc-survey__finish button span{margin-left:12px}.opc-survey__notice{margin:26px clamp(23px,5vw,54px) 0;padding:14px 18px;border-radius:10px;background:#e5f5ee;color:#0c6553;font-weight:700}.opc-survey__notice--error{background:#fff0ec;color:#9b3c2a}.opc-survey__trap,.opc-survey__sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
@media(max-width:650px){.opc-survey{border-radius:14px;margin:18px 0}.opc-survey__question legend{font-size:16px}.opc-survey__options{display:grid;grid-template-columns:1fr 1fr}.opc-survey__option span{height:100%}.opc-survey__finish{display:block}.opc-survey__finish button{margin-top:18px;width:100%}}@media(max-width:420px){.opc-survey__options{grid-template-columns:1fr}}