:root{--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--bg-color:#0f172a;--bg-card:#1e293b;--bg-card-hover:#24344d;--bg-input:#0f172a;--border-color:#334155;--border-focus:#38bdf8;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#38bdf8;--primary-hover:#0ea5e9;--primary-glow:#38bdf840;--accent:#818cf8;--success:#34d399;--error:#f87171;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 20px 25px -5px #00000080, 0 8px 10px -6px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(at 0 0,#38bdf826 0,#0000 50%),radial-gradient(at 100% 100%,#818cf81f 0,#0000 50%);background-attachment:fixed;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}#app{width:100%;max-width:680px}.survey-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2.5rem}@media (width<=640px){.survey-card{padding:1.5rem}}.brand-header{text-align:center;margin-bottom:2rem}.brand-badge{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;background:#38bdf81a;border:1px solid #38bdf833;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .85rem;font-size:.85rem;font-weight:600;display:inline-flex}.survey-title{color:var(--text-primary);letter-spacing:-.025em;margin-bottom:.5rem;font-size:1.85rem;font-weight:700}.survey-subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-label .optional{color:var(--text-muted);margin-left:.35rem;font-size:.8rem;font-weight:400}.form-input,.form-select,.form-textarea{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow)}.form-textarea{resize:vertical;min-height:110px}.form-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=580px){.form-grid-2{grid-template-columns:1fr}}.rating-container{gap:.5rem;margin-top:.35rem;display:flex}.rating-btn{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.75rem .5rem;font-size:1.1rem;font-weight:600;transition:all .2s;display:flex}.rating-btn:hover{border-color:var(--primary);color:var(--primary);background:#38bdf80d}.rating-btn.active{background:var(--primary);border-color:var(--primary);color:#0f172a;box-shadow:0 0 12px var(--primary-glow)}.rating-star-icon{font-size:1.25rem}.pill-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;display:grid}.pill-option{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;padding:.65rem .75rem;font-size:.88rem;font-weight:500;transition:all .2s;display:flex;position:relative}.pill-option input{opacity:0;cursor:pointer;position:absolute}.pill-option:hover{border-color:var(--text-secondary)}.pill-option.active{border-color:var(--primary);color:var(--primary);background:#38bdf81a;font-weight:600}.pill-option:has(input:checked){border-color:var(--primary);color:var(--primary);background:#38bdf81a;font-weight:600}.btn-submit{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#0f172a;border-radius:var(--radius-md);cursor:pointer;width:100%;box-shadow:0 4px 14px var(--primary-glow);border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:.9rem 1.5rem;font-size:1rem;font-weight:700;transition:transform .15s,opacity .2s,box-shadow .2s;display:flex}.btn-submit:hover:not(:disabled){opacity:.95;box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.error-message{border:1px solid var(--error);color:var(--error);border-radius:var(--radius-md);background:#f871711a;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem;display:none}.success-card{text-align:center;padding:2rem 1rem}.success-icon{width:64px;height:64px;color:var(--success);border:2px solid var(--success);background:#34d3991a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2rem;display:flex}.success-title{margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.success-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.submission-id-badge{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);margin-bottom:2rem;padding:.4rem .8rem;font-family:monospace;font-size:.85rem;display:inline-block}.btn-reset{color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:.7rem 1.5rem;font-weight:600;transition:all .2s}.btn-reset:hover{background:#38bdf81a}.footer{text-align:center;color:var(--text-muted);margin-top:2rem;font-size:.8rem}