:root{--ink:#181628;--muted:#68647c;--line:#e8e4f2;--soft:#f8f6ff;--accent:#6c3ff5;--accent-dark:#4d24d6;--pink:#ff4f9a;--sun:#ffca3a;--mint:#31d3a2;--sky:#62c8ff;--white:#fff;--shadow:0 24px 80px rgba(62,42,111,.13)}
body{min-height:100vh;background:radial-gradient(circle at 8% 4%,#ffe6f2 0,transparent 25%),radial-gradient(circle at 92% 15%,#e2f7ff 0,transparent 28%),linear-gradient(155deg,#fffdf8 0%,#faf7ff 52%,#f3fbff 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#7357c9 0.75px,transparent .75px);background-size:20px 20px;z-index:-2}
.topbar{height:76px;border:0;background:transparent;padding:0 clamp(20px,5vw,72px);position:relative;z-index:3}.wordmark{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:900;letter-spacing:-.04em}.logo-spark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--sun);transform:rotate(-7deg);box-shadow:0 5px 0 #e5a900;color:#392c04}.admin-switch{background:#fff;border:1px solid #e6e0f0;border-radius:99px;padding:8px 11px 8px 13px;box-shadow:0 7px 22px rgba(67,47,104,.08);font-weight:750;color:#4c4860}.switch{background:#ddd7ea}.admin-switch input:checked+.switch{background:linear-gradient(135deg,var(--accent),var(--pink))}
.page-confetti span{position:fixed;display:block;z-index:-1}.page-confetti span:nth-child(1){width:52px;height:52px;border:12px solid var(--sun);border-radius:50%;left:5vw;top:28vh;transform:rotate(18deg)}.page-confetti span:nth-child(2){width:44px;height:15px;background:var(--pink);right:7vw;top:33vh;transform:rotate(-24deg);border-radius:99px}.page-confetti span:nth-child(3){width:25px;height:25px;background:var(--mint);left:10vw;bottom:16vh;transform:rotate(36deg);border-radius:7px}.page-confetti span:nth-child(4){width:18px;height:48px;border-radius:99px;background:var(--sky);right:10vw;bottom:20vh;transform:rotate(32deg)}.page-confetti span:nth-child(5){width:18px;height:18px;border-radius:50%;background:var(--accent);right:4vw;top:65vh}
.shell{width:min(100% - 32px,820px);margin:clamp(24px,5vw,64px) auto}.card{border:1px solid rgba(110,86,163,.13);border-radius:30px;box-shadow:var(--shadow),0 3px 0 rgba(80,52,142,.05);position:relative}.intro-card{padding:clamp(34px,7vw,68px);overflow:hidden}.intro-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;bottom:-105px;background:linear-gradient(135deg,#f9dbff,#dcecff);z-index:0}.intro-card>*{position:relative;z-index:1}.intro-icon{width:76px;height:76px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0a9,#ffd04c);border:2px solid #f3b71a;border-radius:24px;font-size:40px;margin-bottom:25px;transform:rotate(-5deg);box-shadow:0 9px 0 #edb31a,0 16px 30px rgba(226,165,15,.18)}.eyebrow{color:var(--pink);font-size:13px;letter-spacing:.14em;font-weight:950}h1{font-size:clamp(42px,7vw,66px);line-height:.98;letter-spacing:-.06em}h2{font-weight:900}.lede{font-size:clamp(17px,2.5vw,20px);line-height:1.6;color:var(--muted)}.survey-facts{gap:9px}.survey-facts span{background:#f5f1ff;border:1px solid #e5ddff;padding:9px 13px;font-weight:750;color:#554d73}.primary-button{border-radius:14px;background:linear-gradient(135deg,var(--accent),#8b4ff8);box-shadow:0 6px 0 #4421b6,0 12px 24px rgba(93,54,217,.23);transition:transform .16s,box-shadow .16s,filter .16s}.primary-button:hover{background:linear-gradient(135deg,#7b4bff,#984fff);transform:translateY(-2px);box-shadow:0 8px 0 #4421b6,0 15px 28px rgba(93,54,217,.27)}.primary-button:active{transform:translateY(4px);box-shadow:0 2px 0 #4421b6}.hero-button{font-size:17px;padding:16px 24px;min-width:180px}.secondary-button{border:2px solid #e3def0;border-radius:14px;background:#fff}.privacy-note{font-weight:650}.admin-panel{background:linear-gradient(145deg,#f4f0ff,#eefbf8);border:2px solid #ded5fa;border-radius:20px}.admin-badge{background:linear-gradient(135deg,var(--accent),var(--pink))}
.progress-wrap{margin:0 8px 20px}.progress-copy{font-size:13px;color:#514c65}.progress-track{height:12px;background:#e7e2f0;border:2px solid #fff;box-shadow:0 3px 12px rgba(45,28,81,.08)}.progress-track span{background:linear-gradient(90deg,var(--pink),var(--accent),var(--sky));border-radius:99px;position:relative}.progress-track span:after{content:"";position:absolute;right:-2px;top:50%;width:18px;height:18px;transform:translateY(-50%);background:#fff;border:5px solid var(--accent);border-radius:50%;box-shadow:0 2px 7px #4a2da855}
.question-card{padding:clamp(30px,6vw,56px);animation:card-in .35s cubic-bezier(.2,.8,.2,1)}@keyframes card-in{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}.question-number{display:inline-block;background:#f0ebff;color:var(--accent);padding:7px 11px;border-radius:99px;font-weight:900;margin-bottom:18px}.question-title{font-size:clamp(27px,4vw,38px);font-weight:900;line-height:1.16;letter-spacing:-.04em}.question-help{font-size:15px}.option-list{gap:12px}.option{border:2px solid #ebe6f3;border-radius:15px;padding:16px 17px;font-weight:720;background:#fff;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.option:hover{border-color:#b5a4ed;background:#fbfaff;transform:translateX(4px);box-shadow:0 6px 20px rgba(63,41,112,.07)}.option:has(input:checked){border-color:var(--accent);background:linear-gradient(100deg,#f2edff,#fff5fa);box-shadow:0 6px 18px rgba(100,59,225,.1)}.option input,.scale-option input{accent-color:var(--accent)}input,select,textarea{border:2px solid #ded8e9;border-radius:12px;padding:13px 14px}.open-response{min-height:180px;background:#fdfcff}.open-response:focus,input:focus,select:focus,textarea:focus{outline:3px solid #d6caff;border-color:var(--accent)}.matrix-row{border-top:2px dashed #e8e2f1}.matrix-label{font-size:17px}.scale-option{padding:8px 4px;border-radius:9px}.scale-option:hover{background:#f5f1ff}.concept{background:linear-gradient(135deg,#fff3b8,#ffe8f2);border:0;border-radius:18px;padding:22px 24px;box-shadow:inset 0 0 0 2px #f2d57b}.concept strong{color:#8d365f;text-transform:uppercase;font-size:12px;letter-spacing:.1em}.navigation{border-top:2px dashed #ebe6f3}.error{background:#fff0ef;border:1px solid #f6c7c4;padding:11px 13px;border-radius:10px}.complete-card{overflow:hidden}.complete-card:before,.complete-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%}.complete-card:before{background:#dff9ef;left:-70px;top:-70px}.complete-card:after{background:#f9e0ff;right:-70px;bottom:-70px}.success-mark{width:82px;height:82px;background:#fff3bd;border:2px solid #f1ca3f;font-size:40px;box-shadow:0 8px 0 #e5b61c}.complete-card h1{font-size:clamp(44px,7vw,64px)}footer{font-weight:700;color:#7e7890}
body[data-section="0"]{--accent:#6c3ff5;--accent-dark:#4d24d6}body[data-section="1"]{--accent:#ee3e82;--accent-dark:#c52461}body[data-section="2"]{--accent:#159b76;--accent-dark:#087858}body[data-section="3"]{--accent:#f06a27;--accent-dark:#c34d13}body[data-section="4"]{--accent:#4169e1;--accent-dark:#2b49a7}body[data-section="5"]{--accent:#a445cc;--accent-dark:#773097}body[data-section="6"]{--accent:#137f92;--accent-dark:#0a5d6b}
@media(max-width:640px){.page-confetti{display:none}.topbar{height:64px}.shell{width:min(100% - 18px,820px);margin:18px auto}.card{border-radius:22px}.intro-card{padding:30px 23px 36px}.intro-icon{width:62px;height:62px;font-size:32px;border-radius:19px;box-shadow:0 7px 0 #edb31a}.question-card{padding:28px 20px}.scale-option{border:2px solid #ebe6f3}.option:hover{transform:none}.progress-copy{font-size:11px}.wordmark{font-size:17px}}
@media(prefers-reduced-motion:reduce){.question-card{animation:none}}