.connect-survey-dialog { width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 32px); margin: auto; padding: 0; border: 1px solid #d7dae7; border-radius: 0; background: #fff; color: #17181d; box-shadow: 0 28px 80px rgba(20, 24, 48, .26); overflow: auto; }
.connect-survey-dialog::backdrop { background: rgba(13, 16, 28, .68); backdrop-filter: blur(3px); }
.connect-survey-form { position: relative; padding: 34px; font-family: Inter, Arial, sans-serif; }
.connect-survey-close { position: absolute; top: 13px; right: 15px; width: 34px; height: 34px; border: 0; background: transparent; color: #676b78; font-size: 28px; cursor: pointer; }
.connect-survey-eyebrow { margin: 0 0 10px; color: #3f51b5; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.connect-survey-dialog h2 { margin: 0; color: #17181d; font-size: 27px; line-height: 1.2; }
.connect-survey-intro { margin: 10px 0 0; color: #5d6270; font-size: 14px; line-height: 1.55; }
.connect-survey-reward { margin-top: 20px; padding: 13px 14px; border-left: 3px solid #3f51b5; background: #f0f2ff; color: #293a9b; font-size: 13px; font-weight: 600; line-height: 1.5; }
.connect-survey-rating { margin: 24px 0 0; padding: 0; border: 0; }
.connect-survey-rating legend, .connect-survey-label { color: #282b34; font-size: 13px; font-weight: 700; }
.connect-survey-stars { width: max-content; margin-top: 9px; display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 4px; }
.connect-survey-stars input { position: absolute; opacity: 0; pointer-events: none; }
.connect-survey-stars label { color: #c8cbd5; font-size: 34px; line-height: 1; cursor: pointer; transition: color .15s ease, transform .15s ease; }
.connect-survey-stars label:hover, .connect-survey-stars label:hover ~ label, .connect-survey-stars input:checked ~ label { color: #f2b01e; }
.connect-survey-label { margin-top: 22px; display: block; }
.connect-survey-label span { color: #7a7f8e; font-weight: 400; }
.connect-survey-dialog textarea { box-sizing: border-box; width: 100%; margin-top: 8px; padding: 12px 13px; border: 1px solid #cfd3df; border-radius: 0; background: #fff; color: #17181d; font: inherit; font-size: 14px; line-height: 1.5; resize: vertical; outline: none; }
.connect-survey-dialog textarea:focus { border-color: #3f51b5; box-shadow: 0 0 0 3px rgba(63, 81, 181, .13); }
.connect-survey-account { margin-top: 16px; padding: 11px 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #f5f6f9; color: #606574; font-size: 12px; }
.connect-survey-account a { color: #3f51b5; font-weight: 700; white-space: nowrap; }
.connect-survey-status { min-height: 20px; margin: 12px 0 0; color: #626675; font-size: 12px; line-height: 1.5; }
.connect-survey-status.is-error { color: #b42318; }
.connect-survey-status.is-success { color: #08783e; }
.connect-survey-actions { margin-top: 16px; display: flex; justify-content: flex-end; gap: 9px; }
.connect-survey-actions button { min-height: 42px; padding: 0 18px; border-radius: 0; font-size: 13px; font-weight: 700; cursor: pointer; }
.connect-survey-cancel { border: 1px solid #cfd3df; background: #fff; color: #303441; }
.connect-survey-submit { border: 1px solid #3f51b5; background: #3f51b5; color: #fff; }
.connect-survey-submit:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 600px) { .connect-survey-form { padding: 28px 20px 22px; } .connect-survey-dialog h2 { font-size: 23px; } .connect-survey-account { align-items: flex-start; flex-direction: column; } .connect-survey-actions { flex-direction: column-reverse; } .connect-survey-actions button { width: 100%; } }