:root{--color-bg:#f8fafc;--color-surface:#fff;--color-surface-2:#f1f5f9;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-2:#64748b;--color-accent:#6366f1;--color-accent-2:#818cf8;--color-success:#10b981;--color-danger:#ef4444;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.75)}60%{opacity:1;transform:scale(1.04)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dropdownItemIn{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.page-enter{animation:.32s cubic-bezier(.16,1,.3,1) both fadeSlideUp}.fade-in{animation:.25s both fadeIn}.bounce-in{animation:.4s cubic-bezier(.16,1,.3,1) both bounceIn}.q-next{animation:.26s cubic-bezier(.16,1,.3,1) both slideInFromRight}.q-prev{animation:.26s cubic-bezier(.16,1,.3,1) both slideInFromLeft}.btn-press{transition:transform .1s,opacity .1s}.btn-press:active{opacity:.88;transform:scale(.96)}.lang-pill-trigger{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .15s}.lang-pill-trigger:hover{background-color:var(--color-surface-2,#f1f4ff);border-color:var(--color-accent)}.lang-pill-trigger.open{border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f124}.lang-pill-chevron{transition:transform .22s cubic-bezier(.16,1,.3,1);display:inline-block}.lang-pill-chevron.open{transform:rotate(180deg)}.lang-dropdown{transform-origin:100% 0;-webkit-backdrop-filter:blur(8px);animation:.18s cubic-bezier(.16,1,.3,1) both dropdownIn}.lang-dropdown-item{transition:background-color .15s,transform .15s,padding-left .15s;animation:.22s cubic-bezier(.16,1,.3,1) both dropdownItemIn}.lang-dropdown-item:hover{background-color:#6366f114;padding-left:14px}.lang-dropdown-item:hover .lang-flag{transform:scale(1.15)}.lang-flag{transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-block}.lang-check{animation:.3s cubic-bezier(.16,1,.3,1) 50ms both dropdownItemIn}.csat-row{gap:10px;display:flex}@media (width<=420px){.csat-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}}.likert-row{gap:8px;display:flex}@media (width<=520px){.likert-row{flex-direction:column;gap:6px}.likert-row button{text-align:left!important;padding:10px 14px!important}}.ranking-row{gap:16px;display:flex}@media (width<=480px){.ranking-row{flex-direction:column;gap:12px}}.survey-head{padding:clamp(20px,5vw,32px) clamp(20px,6vw,40px) clamp(16px,3vw,24px)}.survey-body{padding:clamp(20px,5vw,28px) clamp(20px,6vw,40px) clamp(24px,5vw,40px)}.survey-prog{padding:clamp(16px,4vw,20px) clamp(20px,6vw,40px) 0}