:root{--color-bg:#f8f6fb;--color-surface:#fff;--color-purple:#6b3fa0;--color-purple-light:#8b5cc0;--color-gold:#c9a84c;--color-text:#2d2040;--color-text-muted:#7a6d8a;--color-border:#e0d8ed;--color-error:#c0392b;--radius:12px;--shadow:0 2px 16px #6b3fa014;--font:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}.survey-container{max-width:640px;margin:0 auto;padding:24px 16px 48px}.survey-logo{object-fit:contain;max-width:160px;max-height:72px;margin:0 auto 32px;display:block}.survey-header{text-align:center;margin-bottom:32px}.survey-header h1{color:var(--color-purple);margin-bottom:8px;font-size:1.5rem;font-weight:600}.survey-header p{color:var(--color-text-muted);font-size:.95rem}.survey-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--color-border);margin-bottom:16px;padding:24px}.question-text{color:var(--color-text);margin-bottom:16px;font-size:1rem;font-weight:500}.question-text .required-mark{color:var(--color-purple);margin-left:4px}.radio-group{flex-direction:column;gap:10px;display:flex}.radio-label{cursor:pointer;color:var(--color-text);border:1.5px solid var(--color-border);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.95rem;transition:border-color .15s,background .15s;display:flex}.radio-label:hover{border-color:var(--color-purple-light);background:#f4eeff}.radio-label input[type=radio]{accent-color:var(--color-purple);flex-shrink:0;width:18px;height:18px}.radio-label.selected{border-color:var(--color-purple);background:#f4eeff}.survey-textarea{border:1.5px solid var(--color-border);width:100%;min-height:100px;font-family:var(--font);color:var(--color-text);background:var(--color-bg);resize:vertical;border-radius:8px;padding:12px;font-size:.95rem;line-height:1.5;transition:border-color .15s}.survey-textarea:focus{border-color:var(--color-purple);outline:none}.submit-btn{background:var(--color-purple);color:#fff;border-radius:var(--radius);cursor:pointer;letter-spacing:.02em;border:none;width:100%;margin-top:8px;padding:14px;font-size:1rem;font-weight:600;transition:background .15s,transform .1s;display:block}.submit-btn:hover:not(:disabled){background:var(--color-purple-light)}.submit-btn:active:not(:disabled){transform:scale(.99)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.status-loading,.status-error{text-align:center;color:var(--color-text-muted);padding:48px 16px}.status-error{color:var(--color-error)}.thank-you-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;border:1px solid var(--color-border);margin-top:24px;padding:48px 32px}.thank-you-card .thank-you-icon{margin-bottom:16px;font-size:2.5rem}.thank-you-card h2{color:var(--color-purple);margin-bottom:12px;font-size:1.4rem}.thank-you-card p{color:var(--color-text-muted);white-space:pre-wrap;font-size:.95rem;line-height:1.7}.gold-divider{background:var(--color-gold);border-radius:2px;width:48px;height:3px;margin:16px auto}@media (width<=480px){.survey-container{padding:16px 12px 40px}.survey-card{padding:18px}.thank-you-card{padding:36px 20px}}
