@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;700&display=swap";*{box-sizing:border-box}body{margin:0}:root{--bg:#0d0d0d;--surface:#161616;--surface-alt:#1e1e1e;--ink:#f5f5f5;--muted:#888;--border:#ffffff1a;--accent:#d41830;--accent-hover:#b5121f;--accent-soft:#d418301f;--accent-text:#ff4d63;--radius:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Google Sans,Nunito,system-ui,sans-serif;font-size:15px;line-height:1.6}.app{justify-content:center;min-height:100vh;padding:2rem 1rem 4rem;display:flex}.survey{width:100%;max-width:620px}.lang-row{align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.lang-btn{letter-spacing:.08em;color:var(--muted);cursor:pointer;text-transform:uppercase;background:0 0;border:none;padding:.2rem .1rem;font-family:Google Sans,Nunito,sans-serif;font-size:12px;font-weight:500;transition:color .15s}.lang-btn.active{color:var(--ink);border-bottom:1.5px solid var(--accent)}.lang-sep{color:var(--border);font-size:13px}.header{margin-bottom:1rem}.header h1{letter-spacing:-.01em;margin-bottom:.7rem;font-family:Google Sans,Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1.3}.header p{color:var(--muted);margin-bottom:.4rem;font-size:14px}.bundle-note{color:var(--accent-text);border-left:2px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius) var(--radius) 0;margin-top:.8rem;padding:.55rem .9rem;font-size:13px}.progress-wrap{margin-bottom:2.4rem}.progress-track{background:var(--border);border-radius:99px;height:2px;margin-bottom:.75rem;position:relative}.progress-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .4s;position:absolute;top:0;left:0}.progress-dot{background:var(--surface-alt);border:2px solid var(--border);border-radius:50%;width:8px;height:8px;transition:all .3s;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-dot.done{background:var(--accent);border-color:var(--accent)}.progress-meta{justify-content:space-between;align-items:center;display:flex}.progress-label{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500}.progress-count{color:var(--muted);font-size:12px}.section{margin-bottom:2.4rem}.section-title{color:var(--ink);border-bottom:1px solid var(--border);letter-spacing:.02em;text-transform:uppercase;margin-bottom:1.8rem;padding-bottom:.7rem;font-family:Google Sans,Nunito,sans-serif;font-size:16px;font-weight:700}.section-intro{color:var(--muted);margin-bottom:1.6rem;font-size:13px;line-height:1.7}.q{margin-bottom:2rem}.q-label{color:var(--ink);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.55rem;font-size:14px;font-weight:500;line-height:1.5;display:flex}.q-sub{color:var(--muted);margin-bottom:.6rem;font-size:12px}.q-check{color:#4caf7d;letter-spacing:.02em;background:#4caf7d1f;border-radius:99px;flex-shrink:0;padding:.1rem .45rem;font-size:11px;font-weight:600}.badge-opt{color:var(--muted);border:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:.1rem .45rem;font-size:10px;font-weight:400}.q-opt{flex-direction:column;gap:.25rem;display:flex}.opt{border-radius:var(--radius);cursor:pointer;color:var(--ink);align-items:center;gap:.65rem;padding:.5rem .65rem;font-size:14px;transition:background .12s;display:flex}.opt:hover{background:#ffffff0d}.opt input[type=radio],.opt input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.other-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:calc(100% - 1.85rem);color:var(--ink);outline:none;margin-top:.3rem;margin-left:1.85rem;padding:.45rem .7rem;font-family:Google Sans,Nunito,sans-serif;font-size:13px;transition:border-color .15s}.other-input:focus{border-color:var(--accent)}.scale-wrap{flex-direction:column;gap:.5rem;display:flex}.scale-row{gap:.5rem;display:flex}.scale-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;font-family:Google Sans,Nunito,sans-serif;font-size:14px;font-weight:500;transition:all .15s;display:flex}.scale-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.scale-btn.sel{background:var(--accent);border-color:var(--accent);color:#fff}.scale-labels{color:var(--muted);justify-content:space-between;padding:0 .2rem;font-size:11px;display:flex}textarea,.email-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);resize:vertical;outline:none;padding:.65rem .8rem;font-family:Google Sans,Nunito,sans-serif;font-size:14px;transition:border-color .15s}textarea:focus,.email-input:focus{border-color:var(--accent)}.email-input{min-height:unset;resize:none}textarea::placeholder,.email-input::placeholder{color:var(--muted)}.optin-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:.9rem 1rem;transition:border-color .15s;display:flex}.optin-row:hover{border-color:#fff3}.optin-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:.15rem}.optin-label{color:var(--ink);font-size:14px;font-weight:500}.optin-sub{color:var(--muted);margin-top:.15rem;font-size:12px}.error-msg{background:var(--accent-soft);border-radius:var(--radius);color:var(--accent-text);border:1px solid #d418304d;align-items:center;gap:.5rem;margin-top:1rem;padding:.6rem .9rem;font-size:13px;display:flex}.error-msg:before{content:"!";font-weight:700}.nav-row{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;margin-top:2.2rem;padding-top:1.4rem;display:flex}.btn{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;border:none;padding:.65rem 1.5rem;font-family:Google Sans,Nunito,sans-serif;font-size:13px;font-weight:700;transition:all .15s}.btn-back{color:var(--muted);border:1px solid var(--border);background:0 0}.btn-back:hover{color:var(--ink);background:#ffffff0d}.btn-next,.btn-submit{background:var(--accent);color:#fff}.btn-next:hover,.btn-submit:hover{background:var(--accent-hover)}.btn-next:disabled,.btn-submit:disabled{opacity:.35;cursor:not-allowed;background:var(--muted)}.btn-next:disabled:hover,.btn-submit:disabled:hover{background:var(--muted)}.thank-you{text-align:center;flex-direction:column;align-items:center;gap:1.2rem;padding:4rem 1rem;display:flex}.ty-icon{color:var(--accent);font-size:32px;line-height:1}.thank-you h2{letter-spacing:-.01em;font-family:Google Sans,Nunito,sans-serif;font-size:22px;font-weight:700}.thank-you p{color:var(--muted);max-width:420px;font-size:15px;line-height:1.7}.ty-note{color:#fff3;font-size:13px}@media (width<=480px){.header h1{font-size:20px}.scale-btn{width:36px;height:36px;font-size:13px}}.survey-banner{border-radius:var(--radius-lg);border:1.5px solid #e8003a;margin-bottom:1rem;line-height:0;overflow:hidden}.survey-banner img{aspect-ratio:2660/1140;object-fit:cover;width:100%;display:block}
