:root{--pink:#ff33a7;--yellow:#ffe500;--blue:#0ec0ec;--ink:#171018;--ink-soft:#5c4b58;--paper:#fff}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--paper);min-height:100vh;font-family:Plus Jakarta Sans,sans-serif}.topbar{background:var(--pink);text-align:center;padding:34px 20px;position:relative;overflow:hidden}.topbar h1{text-transform:uppercase;color:#fff;letter-spacing:.01em;z-index:1;margin:0;font-family:Gasoek One,sans-serif;font-size:clamp(30px,8vw,52px);font-weight:400;line-height:1.08;position:relative}.page{max-width:760px;margin:0 auto;padding:44px 20px 60px}header.intro{text-align:center;margin-bottom:34px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);align-items:center;gap:8px;margin-bottom:14px;font-size:12.5px;font-weight:700;display:inline-flex}.eyebrow:before,.eyebrow:after{content:"";background:var(--yellow);border-radius:3px;width:22px;height:3px}h2.question{color:var(--ink);margin:0 0 14px;font-family:Gasoek One,sans-serif;font-size:clamp(26px,5.6vw,38px);font-weight:400;line-height:1.14}h2.question .hl{color:var(--pink)}.subhead{color:var(--ink-soft);max-width:460px;margin:0 auto;font-size:16px;line-height:1.55}form{display:contents}.options{grid-template-columns:1fr;gap:16px;margin:32px 0 28px;display:grid}@media (width>=640px){.options{grid-template-columns:repeat(3,1fr)}}.option{--accent:var(--pink);--accent-tint:#ffe6f5;background:var(--accent-tint);cursor:pointer;-webkit-user-select:none;user-select:none;border:3px solid #0000;border-radius:26px;flex-direction:column;gap:14px;padding:24px 20px 22px;transition:transform .18s,background .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 10px 24px -14px #17101859}.option:hover{transform:translateY(-3px);box-shadow:0 16px 28px -14px #17101866}.option:active{transform:translateY(-1px)}.option input{opacity:0;width:0;height:0;position:absolute}.option .letter{width:34px;height:34px;color:var(--accent);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-family:Gasoek One,sans-serif;font-size:14px;font-weight:400;display:flex}.option .text{color:var(--ink);flex-grow:1;font-size:15.5px;line-height:1.55}.option.selected{background:var(--accent);border-color:var(--accent);box-shadow:0 16px 30px -12px #17101873}.option.selected .letter{background:#fff}.option.selected .text{color:#fff;font-weight:600}.check{opacity:0;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:16px;right:16px;transform:scale(.6)}.option.selected .check{opacity:1;transform:scale(1)}.check svg{width:14px;height:14px}.actions{flex-direction:column;align-items:center;gap:12px;display:flex}button.submit{letter-spacing:.02em;text-transform:uppercase;color:#fff;background:var(--pink);cursor:pointer;border:none;border-radius:999px;padding:17px 44px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 12px 22px -10px #ff33a7a6}button.submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 26px -10px #ff33a7bf}button.submit:active:not(:disabled){transform:translateY(0)}button.submit:disabled{box-shadow:none;cursor:not-allowed;background:#f3c4e1}.hint{color:var(--ink-soft);min-height:18px;font-size:13px}.thanks{text-align:center;background:var(--blue);border-radius:28px;padding:48px 28px;display:none;position:relative;overflow:hidden}.thanks.visible{display:block}.thanks .badge{background:var(--yellow);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 18px;font-size:28px;display:flex;position:relative}.thanks h2{color:#fff;z-index:1;margin:0 0 10px;font-family:Gasoek One,sans-serif;font-size:23px;font-weight:400;position:relative}.thanks p{color:#effcfe;z-index:1;max-width:400px;margin:0 auto;font-size:15px;line-height:1.6;position:relative}.thanks .blob{opacity:.15;background:#fff;border-radius:50%;position:absolute}.thanks .blob.t1{width:160px;height:160px;top:-70px;right:-50px}.thanks .blob.t2{width:100px;height:100px;bottom:-50px;left:6%}.status{text-align:center;color:var(--ink-soft);margin-top:22px;font-size:13px}footer.brand{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--pink);padding:26px 20px 34px;font-family:Gasoek One,sans-serif;font-size:12px;font-weight:400}@media (prefers-reduced-motion:reduce){.option,button.submit{transition:none}}