.quiz{--bg:#f6f4fe;--ink:#151221;--soft:#5f5878;--line:#ebe7f7;--white:#fff;--violet:#6c4cf5;--sky:#2bb3ff;--pink:#ff3d77;--amber:#ffb020;--mint:#12c08c;--coral:#ff5c6e;--brand:linear-gradient(135deg, #6c4cf5 0%, #ff3d77 100%);--cool:linear-gradient(135deg, #6c4cf5 0%, #2bb3ff 100%);--warm:linear-gradient(135deg, #ff3d77 0%, #ffb020 100%);--dark:radial-gradient(120% 100% at 30% 0%, #332863 0%, #1b1538 52%, #0f0c1e 100%);--f:"Avenir Next", Futura, "Trebuchet MS", system-ui, -apple-system, sans-serif;--accent:#6c4cf5;--accentGrad:linear-gradient(135deg, #6c4cf5 0%, #2bb3ff 100%);font-family:var(--f);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh;line-height:1.5}.quiz a{color:inherit;text-decoration:none}.quiz .shell{flex-direction:column;max-width:600px;min-height:calc(100vh - 80px);margin:0 auto;padding:24px 20px 60px;display:flex}.quiz .quiz-header{align-items:center;gap:10px;padding:20px 0 6px;display:flex}.quiz .quiz-header b{letter-spacing:-.4px;font-size:17px;font-weight:800}.quiz .quiz-brand{align-items:center;gap:10px;display:flex}.quiz .bar{background:var(--line);border-radius:99px;height:6px;margin-top:14px;overflow:hidden}.quiz .bar>i,.quiz .bar>span{background:var(--accentGrad);border-radius:99px;width:0;height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1);display:block}.quiz .step{letter-spacing:1.6px;text-transform:uppercase;color:#9186d8;margin-top:16px;font-size:12px;font-weight:800}.quiz h1{letter-spacing:-1.2px;margin-top:10px;font-size:clamp(27px,5.4vw,38px);font-weight:800;line-height:1.14}.quiz h2{letter-spacing:-.9px;font-size:clamp(22px,4.4vw,30px);font-weight:800;line-height:1.18}.quiz p{color:var(--soft);font-size:16.5px;font-weight:500}.quiz .lede{margin-top:14px;font-size:17.5px;line-height:1.6}.quiz .opts{flex-direction:column;gap:10px;margin-top:24px;display:flex}.quiz .opt{background:var(--white);text-align:left;font-family:var(--f);color:var(--ink);cursor:pointer;border:2px solid #0000;border-radius:20px;padding:17px 46px 17px 19px;font-size:16.5px;font-weight:600;line-height:1.4;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;position:relative;box-shadow:0 2px 12px #1512210d}@media (hover:hover) and (pointer:fine){.quiz .opt:hover{border-color:#dcd5f5;transform:translateY(-1px);box-shadow:0 8px 22px #15122114}}.quiz .opt:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.quiz .opt.sel{border-color:var(--accent);background:#f4f1fe;box-shadow:0 8px 22px #6c4cf533}.quiz .opt.sel:before{content:none}.quiz .opt.sel:after{content:"";background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.4 12.4l3.8 3.8 7.4-8.4' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), var(--accentGrad);background-position:50%;background-repeat:no-repeat;background-size:13px 13px,cover;border-radius:999px;width:22px;height:22px;margin-top:-11px;position:absolute;top:50%;right:16px}.quiz .opt small{color:var(--soft);margin-top:4px;font-size:13.5px;font-weight:500;display:block}.quiz .btn{background:var(--brand);color:#fff;cursor:pointer;font-size:16px;font-weight:800;font-family:var(--f);border:none;border-radius:999px;justify-content:center;align-items:center;gap:9px;width:100%;padding:16px 28px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.quiz .btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px #6c4cf54d}.quiz .btn:disabled{box-shadow:none;cursor:default;background:#d8d3e8;transform:none}.quiz .btn.ghost{border:1.5px solid var(--line);color:var(--ink);box-shadow:none;background:0 0}.quiz .back{font-family:var(--f);color:var(--soft);cursor:pointer;background:0 0;border:none;margin-top:14px;padding:12px 0;font-size:13.5px;font-weight:800}.quiz .card{background:var(--white);border-radius:24px;margin-top:16px;padding:24px;box-shadow:0 3px 18px #1512210f}.quiz .card h3{letter-spacing:-.4px;font-size:19px;font-weight:800}.quiz .card p{margin-top:9px;font-size:15.5px}.quiz .tag{letter-spacing:1.5px;text-transform:uppercase;font-size:11.5px;font-weight:800}.quiz .hero{background:var(--dark);color:#fff;border-radius:26px;margin-top:18px;padding:28px;position:relative;overflow:visible}.quiz .hero:after{display:none}.quiz .hero p{color:#c9c2e8}.quiz .pill{color:#fff;letter-spacing:.4px;background:#ffffff29;border-radius:999px;padding:8px 15px;font-size:12.5px;font-weight:800;display:inline-block}.quiz .meter{margin-top:20px}.quiz .meter .row{align-items:center;gap:12px;margin-bottom:11px;display:flex}.quiz .meter .lab{letter-spacing:.3px;color:#c9c2e8;flex-shrink:0;width:96px;font-size:11px;font-weight:800}.quiz .meter .track{background:#ffffff29;border-radius:99px;flex:1;height:8px;overflow:hidden}.quiz .meter .fill{border-radius:99px;width:0;height:8px;transition:width .9s cubic-bezier(.2,.8,.2,1);display:block}.quiz ul{margin-top:12px;list-style:none}.quiz li{color:var(--soft);margin-bottom:9px;padding-left:22px;font-size:15.5px;font-weight:500;line-height:1.45;position:relative}.quiz li:before{content:"—";color:var(--pink);font-weight:800;position:absolute;left:0}.quiz input[type=email]{border:1.5px solid var(--line);width:100%;font-size:16px;font-weight:600;font-family:var(--f);color:var(--ink);background:#f7f5fd;border-radius:16px;margin-top:12px;padding:15px 17px}.quiz input[type=email]:focus{outline:2px solid var(--accent);outline-offset:1px}.quiz .chk{cursor:pointer;text-align:left;font-family:var(--f);background:0 0;border:none;align-items:flex-start;gap:11px;width:100%;margin-top:14px;padding:0;display:flex}.quiz .chk span.box{border:2px solid var(--line);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:13px;font-weight:800;display:flex}.quiz .chk.on span.box{background:var(--accent);border-color:#0000}.quiz .chk small{color:var(--soft);text-align:left;font-size:13px;line-height:1.45}.quiz .fine{color:#a9a3bc;margin-top:14px;font-size:12.5px;line-height:1.5}.quiz .fade{animation:.38s cubic-bezier(.2,.8,.2,1) both quiz-fade}@keyframes quiz-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.quiz .fade{animation:none}.quiz .bar>i,.quiz .bar>span,.quiz .meter .fill{transition:none}}.quiz .safety{border-left:5px solid var(--amber);background:#fff6e9;border-radius:0 18px 18px 0;margin-top:18px;padding:18px 20px}.quiz .safety p{color:#6b5326;font-size:15px}.quiz .stores{flex-direction:column;gap:9px;margin-top:16px;display:flex}.quiz .store{background:#fff;border-radius:14px;align-items:center;gap:9px;width:100%;min-width:0;padding:11px 13px;display:flex}.quiz .store span{min-width:0}.quiz .store svg{flex-shrink:0}.quiz .store small{color:#6b6480;white-space:nowrap;font-size:10px;font-weight:700;display:block}.quiz .store b{letter-spacing:-.3px;white-space:nowrap;color:#151221;font-size:14.5px;font-weight:800;display:block}.quiz .email-ok{background:#edfbf5;border-radius:18px;margin-top:12px;padding:20px}.quiz .email-ok p:first-child{color:#0b7a5b;font-size:16px;font-weight:800}.quiz .email-ok p:last-child{color:#3e7f6c;margin-top:6px;font-size:14px}
