.quiz-page{--quiz-bg:#fff;--quiz-bg-soft:#f6f2ff;--quiz-ink:#1a1433;--quiz-muted:#645c7e;--quiz-violet:#7c3aed;--quiz-violet-dark:#5b21b6;--quiz-violet-soft:#ede5ff;--quiz-line:#e4dcf7;--quiz-card:#fff;--quiz-ok:#16a34a;--quiz-shadow:0 10px 30px -14px #5b21b659;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--quiz-bg);background-image:radial-gradient(1200px 500px at 50% -200px,var(--quiz-bg-soft),transparent 70%);min-height:100vh;color:var(--quiz-ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.5}@media(prefers-color-scheme:dark){.quiz-page{--quiz-bg:#140f24;--quiz-bg-soft:#1d1633;--quiz-ink:#f3efff;--quiz-muted:#b4aacd;--quiz-violet:#9b6bff;--quiz-violet-dark:#c4a8ff;--quiz-violet-soft:#2a2046;--quiz-line:#34294f;--quiz-card:#1d1633}}.quiz-page,.quiz-page *,.quiz-page :before,.quiz-page :after{box-sizing:border-box}.quiz-page .wrap{max-width:560px;margin:0 auto;padding:24px 20px 48px}.quiz-page img{max-width:100%}.quiz-page .progress{background:var(--quiz-violet-soft);border-radius:99px;height:10px;margin:4px 0 28px;overflow:hidden}.quiz-page .progress span{background:linear-gradient(90deg,#a78bfa,var(--quiz-violet));border-radius:99px;width:0;height:100%;transition:width .5s;display:block}.quiz-page .logo{justify-content:center;align-items:center;gap:10px;margin-bottom:36px;display:flex}.quiz-page .logo b{background:var(--quiz-violet);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid}.quiz-page .logo span{letter-spacing:-.02em;font-size:22px;font-weight:800}.quiz-page .screen{display:none}.quiz-page .screen.active{animation:.35s quiz-in;display:block}@keyframes quiz-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.quiz-page .screen.active{animation:none}.quiz-page .progress span{transition:none}}.quiz-page h1,.quiz-page h2{letter-spacing:-.02em;text-align:center;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.quiz-page .lead-in{text-align:center;margin:0 0 12px;font-size:22px;font-style:italic;font-weight:700}.quiz-page .small-in{text-align:center;color:var(--quiz-muted);margin:0 0 18px;font-size:16px;font-weight:700}.quiz-page .q{margin-bottom:30px;font-size:clamp(22px,5.4vw,27px);font-weight:800;line-height:1.25}.quiz-page .text{text-align:center;color:var(--quiz-ink);margin:0 0 32px;font-size:18px}.quiz-page .text strong{color:var(--quiz-violet)}.quiz-page .opts{gap:14px;display:grid}.quiz-page .opt{border:1.5px solid var(--quiz-line);background:var(--quiz-card);width:100%;color:var(--quiz-ink);font:inherit;cursor:pointer;box-shadow:0 4px 0 var(--quiz-line);border-radius:16px;padding:20px 18px;font-size:17px;font-weight:700;transition:transform 80ms,border-color .15s}.quiz-page .opt:hover{border-color:var(--quiz-violet)}.quiz-page .opt:active{box-shadow:0 1px 0 var(--quiz-line);transform:translateY(3px)}.quiz-page .opt.primary{background:var(--quiz-violet);border-color:var(--quiz-violet);color:#fff;box-shadow:0 4px 0 var(--quiz-violet-dark)}.quiz-page .opt.primary:active{box-shadow:0 1px 0 var(--quiz-violet-dark)}.quiz-page .opt.soft{background:var(--quiz-violet-soft);border-color:var(--quiz-violet-soft)}.quiz-page .opt:focus-visible,.quiz-page .cta:focus-visible{outline-offset:3px;outline:3px solid #f59e0b}.quiz-page .checks{gap:14px;margin:0 0 32px;padding:0;list-style:none;display:grid}.quiz-page .checks li{align-items:flex-start;gap:12px;font-size:16.5px;display:flex}.quiz-page .checks li:before{content:"✓";background:var(--quiz-violet);color:#fff;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;margin-top:1px;font-size:14px;font-weight:800;display:grid}.quiz-page .promise-head{text-align:left;margin-bottom:20px;font-size:20px;font-weight:800;line-height:1.35}.quiz-page .quiz-preview-block{background:var(--quiz-bg-soft);border:1px solid var(--quiz-line);border-radius:18px;margin:0 0 24px;padding:18px 14px}.quiz-page .quiz-preview-block h3{text-align:center;margin:0 0 14px;font-size:17px;line-height:1.3}.quiz-page .quiz-carousel-preview,.quiz-page .offer-carousel-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;display:grid}.quiz-page .quiz-carousel-preview img,.quiz-page .offer-carousel-grid img{aspect-ratio:4/5;object-fit:cover;border:1px solid var(--quiz-line);width:100%;box-shadow:var(--quiz-shadow);border-radius:10px;display:block}.quiz-page .quiz-carousel-preview img:nth-child(2),.quiz-page .offer-carousel-grid img:nth-child(2){transform:translateY(-6px)}.quiz-page .quiz-cover-preview,.quiz-page .offer-cover-flow{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:8px;display:grid}.quiz-page .quiz-cover-preview figure,.quiz-page .offer-cover-flow figure{min-width:0;margin:0}.quiz-page .quiz-cover-preview img,.quiz-page .offer-cover-flow img{aspect-ratio:4/5;object-fit:cover;border:1px solid var(--quiz-line);width:100%;box-shadow:var(--quiz-shadow);border-radius:12px;display:block}.quiz-page .quiz-cover-preview span,.quiz-page .offer-cover-flow span{text-align:center;color:var(--quiz-violet);font-size:24px;font-weight:800}.quiz-page .quiz-cover-preview figcaption,.quiz-page .offer-cover-flow figcaption{text-align:center;color:var(--quiz-muted);margin-top:6px;font-size:11px;font-weight:700}.quiz-page .chats{background:var(--quiz-bg-soft);border-radius:22px;gap:14px;margin-bottom:22px;padding:22px 16px;display:grid;position:relative}.quiz-page .bubble{background:var(--quiz-card);border:1px solid var(--quiz-line);box-shadow:var(--quiz-shadow);border-radius:18px 18px 18px 6px;padding:14px 16px;font-size:15px}.quiz-page .bubble:nth-child(2){margin-left:18px;transform:rotate(1.2deg)}.quiz-page .bubble:first-child{transform:rotate(-1deg)}.quiz-page .bubble:nth-child(3){margin-right:10px;transform:rotate(-.6deg)}.quiz-page .bubble .who{color:var(--quiz-muted);align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.quiz-page .bubble .who b{color:var(--quiz-ink)}.quiz-page .stars{color:#f59e0b;letter-spacing:2px;font-size:13px}.quiz-page .stats{text-align:center;grid-template-columns:repeat(3,1fr);margin-bottom:26px;display:grid}.quiz-page .stats strong{color:var(--quiz-violet);letter-spacing:-.02em;font-size:26px;font-weight:800;display:block}.quiz-page .stats span{color:var(--quiz-muted);font-size:13px}.quiz-page .result-q{text-align:left;margin-bottom:28px;font-size:clamp(21px,5vw,25px);font-weight:800;line-height:1.3}.quiz-page .gauge{background:var(--quiz-card);border:1px solid var(--quiz-line);box-shadow:var(--quiz-shadow);background-image:linear-gradient(var(--quiz-line) 1px,transparent 1px),linear-gradient(90deg,var(--quiz-line) 1px,transparent 1px);background-position:0 -1px,-1px 0;background-size:100% 34px,12.5% 100%;border-radius:20px;margin-bottom:30px;padding:22px 20px 18px}.quiz-page .gauge-top{background:var(--quiz-card);border-radius:6px;justify-content:space-between;margin-bottom:44px;font-size:15px;display:flex}.quiz-page .gauge-top b{font-weight:800}.quiz-page .track{background:linear-gradient(90deg,#ddd2fb,#a78bfa,var(--quiz-violet));border-radius:99px;height:14px;position:relative}.quiz-page .marker{border:6px solid var(--quiz-violet);background:#fff;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;transition:left 1.4s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:0;box-shadow:0 0 0 5px #7c3aed33}.quiz-page .tip{white-space:nowrap;background:var(--quiz-violet);color:#fff;border-radius:9px;padding:5px 11px;font-size:13px;font-weight:700;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.quiz-page .tip:after{content:"";border:6px solid #0000;border-top-color:var(--quiz-violet);margin-left:-6px;position:absolute;top:100%;left:50%}.quiz-page .gauge-labels{justify-content:space-between;margin-top:14px;font-size:15px;font-weight:800;display:flex}.quiz-page .verdict{text-align:center;margin-bottom:34px}.quiz-page .verdict strong{color:var(--quiz-violet);font-size:26px;font-weight:800;display:block}.quiz-page .verdict p{margin:4px 0 0;font-size:18px}@media(prefers-reduced-motion:reduce){.quiz-page .marker{transition:none}}.quiz-page .offer .wrap{padding-top:28px}.quiz-page .ba{background:var(--quiz-bg-soft);border-radius:22px;margin-bottom:24px;padding:20px 16px}.quiz-page .ba h2{margin-bottom:4px;font-size:19px}.quiz-page .ba .theme{text-align:center;color:var(--quiz-muted);margin:0 0 16px;font-size:14px}.quiz-page .ba-row{gap:10px;display:grid}.quiz-page .ai{background:var(--quiz-card);border:1px solid var(--quiz-line);border-radius:14px;padding:12px 14px;font-size:15px}.quiz-page .ai small{color:var(--quiz-muted);margin-bottom:3px;font-size:13px;font-weight:800;display:block}.quiz-page .ai.win{border:2px solid var(--quiz-violet);box-shadow:var(--quiz-shadow)}.quiz-page .ai.win small{color:var(--quiz-violet)}.quiz-page .price-card{border:1.5px solid var(--quiz-violet);background:var(--quiz-card);border-radius:16px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 12px 12px 16px;display:flex}.quiz-page .price-card .ic{border:2px solid var(--quiz-violet);width:28px;height:28px;color:var(--quiz-violet);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.quiz-page .price-card .t{color:var(--quiz-muted);flex:1;font-size:13px;line-height:1.3}.quiz-page .price-card .t b{color:var(--quiz-ink);font-size:15px;display:block}.quiz-page .price-card .p{background:var(--quiz-violet-soft);text-align:right;border-radius:11px;padding:6px 12px}.quiz-page .price-card .p small{color:var(--quiz-muted);font-size:11px;display:block}.quiz-page .price-card .p strong{letter-spacing:-.02em;font-size:22px;font-weight:800}.quiz-page .release{text-align:center;margin:0 0 14px;font-size:15px;font-weight:800}.quiz-page .cta{text-align:center;background:var(--quiz-violet);color:#fff;width:100%;box-shadow:0 4px 0 var(--quiz-violet-dark);border-radius:16px;margin-bottom:40px;padding:20px 16px;font-size:17px;font-weight:800;text-decoration:none;display:block}.quiz-page .cta:active{box-shadow:0 1px 0 var(--quiz-violet-dark);transform:translateY(3px)}.quiz-page .incl{gap:18px;margin:0 0 40px;padding:0;list-style:none;display:grid}.quiz-page .incl li{padding-left:34px;font-size:16.5px;position:relative}.quiz-page .incl li:before{content:"✓";background:var(--quiz-ok);color:#fff;border-radius:7px;place-items:center;width:24px;height:24px;font-size:14px;font-weight:800;display:grid;position:absolute;top:1px;left:0}.quiz-page .offer-fold{border-top:1px solid var(--quiz-line);text-align:center;margin:0 -20px;padding:44px 20px}.quiz-page .offer-fold-soft{background:var(--quiz-bg-soft)}.quiz-page .offer-fold .fold-kicker{color:var(--quiz-violet);letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:800}.quiz-page .offer-fold h2{font-size:24px;line-height:1.2}.quiz-page .offer-fold>p:not(.fold-kicker){max-width:460px;color:var(--quiz-muted);margin:12px auto 26px;font-size:16px}.quiz-page .offer-carousel-grid{gap:10px}.quiz-page .offer-carousel-grid img{border-radius:12px}.quiz-page .offer-cover-flow{gap:12px;max-width:460px;margin:26px auto 0}.quiz-page .faq{gap:22px;margin-bottom:40px;display:grid}.quiz-page .faq h3{gap:8px;margin:0 0 4px;font-size:17px;font-style:italic;font-weight:700;display:flex}.quiz-page .faq h3:before{content:"";background:var(--quiz-violet);border-radius:50%;flex:none;width:12px;height:12px;margin-top:6px}.quiz-page .faq p{color:var(--quiz-ink);margin:0;font-size:16px}.quiz-page .closing{gap:6px;margin:0;padding:0;font-size:16px;list-style:none;display:grid}.quiz-page .closing s{color:var(--quiz-muted)}.quiz-page .plans-head{text-align:center;margin:8px 0 18px}.quiz-page .plans-head p{color:var(--quiz-violet);margin:0 0 4px;font-size:14px;font-weight:700}.quiz-page .plans-head h2{font-size:24px}.quiz-page .plan{background:var(--quiz-card);border:2px solid var(--quiz-violet);border-radius:24px;margin-bottom:36px;padding:30px 22px 22px;position:relative;box-shadow:0 24px 50px -24px #5b21b673}.quiz-page .plan-badge{white-space:nowrap;background:var(--quiz-violet);color:#fff;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.quiz-page .plan h3{margin:0;font-size:22px;font-weight:800}.quiz-page .billing-toggle{border:1px solid var(--quiz-line);background:var(--quiz-bg-soft);border-radius:99px;margin:16px 0;padding:4px;display:inline-flex}.quiz-page .billing-toggle button{color:var(--quiz-muted);font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:800}.quiz-page .billing-toggle button.active{background:var(--quiz-violet);color:#fff;box-shadow:0 3px 10px #5b21b640}.quiz-page .billing-toggle small{margin-left:3px;font-size:9px;display:inline-block}.quiz-page .plan-price{align-items:baseline;gap:8px;display:flex}.quiz-page .plan-price s{color:var(--quiz-muted);font-size:18px}.quiz-page .plan-price strong{letter-spacing:-.03em;font-size:44px;font-weight:800;line-height:1}.quiz-page .plan-price span{color:var(--quiz-muted);font-size:16px}.quiz-page .plan-note{color:var(--quiz-violet);margin:6px 0 18px;font-size:14px;font-weight:700}.quiz-page .plan-saving{color:var(--quiz-muted);margin:8px 0 0;font-size:13px}.quiz-page .plan-list{border-top:1px solid var(--quiz-line);gap:11px;margin:0 0 22px;padding:18px 0 0;list-style:none;display:grid}.quiz-page .plan-list li{padding-left:28px;font-size:16px;position:relative}.quiz-page .plan-list li:before{content:"✓";background:var(--quiz-violet-soft);width:20px;height:20px;color:var(--quiz-violet);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:2px;left:0}.quiz-page .plan-btn{text-align:center;background:var(--quiz-violet);color:#fff;box-shadow:0 4px 0 var(--quiz-violet-dark);border-radius:14px;padding:17px;font-size:17px;font-weight:800;text-decoration:none;display:block}.quiz-page .plan-btn:active{box-shadow:0 1px 0 var(--quiz-violet-dark);transform:translateY(3px)}.quiz-page .plan-btn:focus-visible{outline-offset:3px;outline:3px solid #f59e0b}.quiz-page .plan-foot{text-align:center;color:var(--quiz-muted);margin:12px 0 0;font-size:14px}