@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--tsiq-navy:#1e3a8a;--tsiq-teal:#0ea5a4;--tsiq-accent:#6366f1;--tsiq-bg:#f3f5fb;--tsiq-surface:#fff;--tsiq-ink:#101828;--tsiq-muted:#667085;--tsiq-line:#e4e7ef}
body{font-family:Inter,system-ui,sans-serif!important;background:var(--tsiq-bg)!important;color:var(--tsiq-ink)}
body::before{content:"";position:fixed;inset:-20% -10% auto;height:420px;background:radial-gradient(600px 220px at 20% 0%,rgba(30,58,138,.18),transparent),radial-gradient(500px 220px at 85% 10%,rgba(14,165,164,.16),transparent);z-index:-1;animation:tsiq-drift 14s ease-in-out infinite alternate}
.tsiq-top{max-width:760px;margin:18px auto 14px;padding:0 16px;display:flex;align-items:center;gap:12px}.tsiq-logo{width:46px;height:46px;border-radius:12px;background:#1e3a8a url('../assets/tsiq-logo.png') center/contain no-repeat;color:transparent;display:grid;place-items:center;font-size:0}.tsiq-brand b{display:block}.tsiq-brand small{color:var(--tsiq-muted)}.tsiq-chip{margin-left:auto;border:1px solid var(--tsiq-line);border-radius:999px;padding:8px 12px;background:var(--tsiq-surface);font-size:12px;color:var(--tsiq-muted)}.tsiq-chip.saving{color:var(--tsiq-accent)}.tsiq-chip.saved{color:#0f9f5c}.tsiq-chip.offline{color:#b77700}
.tsiq-notice,.tsiq-resume{max-width:720px;margin:0 auto 14px;padding:12px 16px;border-radius:14px;border:1px solid rgba(99,102,241,.25);background:rgba(99,102,241,.09);font-size:13px}.tsiq-resume{display:flex;align-items:center;gap:8px}.tsiq-resume button{margin-left:auto;border:0;background:transparent;color:var(--tsiq-accent);font-weight:700}
.tsiq-progress{max-width:720px;margin:0 auto 16px;padding:14px 18px;border:1px solid var(--tsiq-line);border-radius:18px;background:var(--tsiq-surface);display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px rgba(16,24,40,.08)}.tsiq-ring{height:64px;width:64px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--tsiq-teal) var(--pct),#e8ebf3 0)}.tsiq-ring b{height:49px;width:49px;border-radius:50%;background:var(--tsiq-surface);display:grid;place-items:center;font-size:14px}.tsiq-progress-main{flex:1}.tsiq-progress-main strong{display:block;margin-bottom:6px}.tsiq-track{height:10px;background:#e8ebf3;border-radius:99px;overflow:hidden}.tsiq-track i{display:block;height:100%;width:var(--pct);background:linear-gradient(90deg,var(--tsiq-navy),var(--tsiq-teal));transition:width .8s}.tsiq-dots{display:flex;gap:6px;margin-top:10px}.tsiq-dots i{flex:1;height:4px;border-radius:4px;background:#e8ebf3}.tsiq-dots i.done{background:#12b76a}.tsiq-dots i.current{background:var(--tsiq-accent)}
.survey-form-container,.group-container{max-width:760px;margin-left:auto!important;margin-right:auto!important}.question-container{border:1px solid var(--tsiq-line)!important;border-radius:18px!important;background:var(--tsiq-surface)!important;box-shadow:0 8px 24px rgba(16,24,40,.06);padding:20px!important;animation:tsiq-slide .45s ease both}.question-title-container{font-weight:650}.survey-form-container input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.survey-form-container select,.survey-form-container textarea{border-radius:12px!important;border:1.5px solid var(--tsiq-line)!important;background:var(--tsiq-surface);color:var(--tsiq-ink)}.survey-form-container :is(input,select,textarea):focus{border-color:var(--tsiq-accent)!important;box-shadow:0 0 0 4px rgba(99,102,241,.14)!important}.survey-form-container .btn-primary{background:linear-gradient(135deg,var(--tsiq-navy),var(--tsiq-accent));border:0;border-radius:11px}.tsiq-rating{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.tsiq-rating button{flex:1;min-width:52px;border:1.5px solid var(--tsiq-line);border-radius:12px;background:#f8f9fd;padding:10px;display:grid;gap:4px;justify-items:center}.tsiq-rating button span{font-size:24px}.tsiq-rating button.active{border-color:var(--tsiq-accent);background:rgba(99,102,241,.12)}.tsiq-rating button.active span{animation:tsiq-bounce .45s}.tsiq-count{font-size:12px;color:var(--tsiq-muted);text-align:right}.tsiq-footer{text-align:center;color:var(--tsiq-muted);padding:24px;font-size:12px}.tsiq-shake{animation:tsiq-shake .4s!important}.tsiq-thanks{text-align:center;font-size:24px;color:#12b76a;font-weight:800;animation:tsiq-slide .7s}
@keyframes tsiq-slide{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}@keyframes tsiq-drift{to{transform:translateX(4%)}}@keyframes tsiq-bounce{50%{transform:scale(1.45)}}@keyframes tsiq-shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.tsiq-confetti{position:fixed;inset:0;pointer-events:none;z-index:99;overflow:hidden}.tsiq-confetti i{position:absolute;top:-20px;width:8px;height:14px;border-radius:2px;animation:tsiq-fall 2.5s ease-in forwards}@keyframes tsiq-fall{to{transform:translateY(110vh) rotate(720deg)}}
@media(prefers-color-scheme:dark){body:not([data-thememode=light]){--tsiq-bg:#0b1020;--tsiq-surface:#121a2e;--tsiq-ink:#e7ebf5;--tsiq-muted:#98a2b3;--tsiq-line:#22304d}}
body[data-thememode=dark]{--tsiq-bg:#0b1020;--tsiq-surface:#121a2e;--tsiq-ink:#e7ebf5;--tsiq-muted:#98a2b3;--tsiq-line:#22304d}
@media(prefers-reduced-motion:reduce){body::before,.question-container,.tsiq-rating button span,.tsiq-thanks,.tsiq-shake{animation:none!important}.tsiq-track i{transition:none!important}}
.tsiq-access-message{max-width:620px;margin:8vh auto;padding:32px;border-radius:20px;border:1px solid var(--tsiq-line);background:var(--tsiq-surface);box-shadow:0 12px 32px rgba(16,24,40,.08);text-align:center}.tsiq-access-message .tsiq-logo{margin:0 auto 16px}.tsiq-access-message h1{font-size:25px}.tsiq-access-message p{color:var(--tsiq-muted)}