:root{--accent:#c8f135;--dark:#0d0d0d;--dark2:#151515;--dark3:#1e1e1e;--light:#f5f5f5;--gray:#888;--font:"Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{scroll-behavior:smooth}body{background:var(--dark);color:var(--light);font-family:var(--font);overscroll-behavior:contain;flex-direction:column;justify-content:center;align-items:center;height:100svh;padding:clamp(.5rem,2vh,1rem) clamp(.8rem,3vw,1.2rem);display:flex;position:relative;overflow-y:auto}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 50% 0,#c8f13512 0%,#0000 60%),radial-gradient(at 80% 100%,#c8f1350a 0%,#0000 50%);position:fixed;inset:0}.quiz-aurora{z-index:0;pointer-events:none;opacity:.14;will-change:transform;filter:blur(16px);background-image:repeating-linear-gradient(100deg,#0d0d0d 0% 7%,#0000 10% 12%,#0d0d0d 16%),repeating-linear-gradient(100deg,#c8f135 10%,#6b8c1a 15%,#2e4a08 20%,#0d1a02 25%,#8ab520 30%);background-size:300%,200%;animation:70s linear infinite quizAuroraMove;position:fixed;inset:-10%;mask-image:radial-gradient(at 50% 30%,#000 20%,#0000 75%)}@keyframes quizAuroraMove{0%{background-position:50%,50%}to{background-position:350%,350%}}.quiz-wrap{z-index:1;width:100%;max-width:640px;position:relative}.quiz-header{text-align:center;margin-bottom:clamp(.5rem,1.5vh,1rem)}.quiz-logo{letter-spacing:3px;color:var(--accent);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:clamp(.4rem,1.2vh,1.2rem);font-size:.8rem;font-weight:900;text-decoration:none;display:inline-flex}.quiz-logo-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.2s step-end infinite quizBlink}@keyframes quizBlink{0%,to{opacity:1}50%{opacity:0}}.quiz-header h1{margin-bottom:clamp(.25rem,.8vh,.6rem);font-size:clamp(1.3rem,4vw + 1vh,2.2rem);font-weight:900;line-height:1.1}.quiz-header h1 span{color:var(--accent)}.quiz-header p{color:var(--gray);font-size:clamp(.72rem,1.4vw + .6vh,.9rem);line-height:1.4}.progress-wrap{margin-bottom:clamp(.5rem,1.5vh,1rem)}.progress-label{letter-spacing:1px;text-transform:uppercase;color:var(--gray);justify-content:space-between;margin-bottom:clamp(.3rem,1vh,.5rem);font-size:.72rem;display:flex}.progress-track{background:#222;border-radius:999px;width:100%;height:3px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px 1px #c8f1358c}.quiz-card{background:var(--dark3);border:1px solid #2a2a2a;border-radius:6px;padding:clamp(1rem,3vh,1.4rem) clamp(1.2rem,4vw,1.8rem);position:relative;overflow:hidden}.quiz-card:before{content:"";background:linear-gradient(90deg,#0000,#c8f13566,#0000);height:1px;position:absolute;top:0;left:0;right:0}.question-num{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(.4rem,1vh,.8rem);font-size:.68rem}.question-text{margin-bottom:clamp(.5rem,1.5vh,1rem);font-size:clamp(.95rem,2vw + 1vh,1.2rem);font-weight:800;line-height:1.3}.options{flex-direction:column;gap:clamp(.3rem,1vh,.45rem);display:flex}.option{background:var(--dark2);cursor:pointer;text-align:left;width:100%;font-family:var(--font);color:var(--light);border:1px solid #2a2a2a;border-radius:4px;align-items:center;gap:clamp(.7rem,2vw,1rem);padding:clamp(.6rem,2vh,1rem) clamp(.9rem,3vw,1.2rem);font-size:.95rem;transition:border-color .2s,background .2s,transform .15s;display:flex}.option:hover{background:#1a1a1a;border-color:#c8f13566;transform:translate(3px)}.option.selected{border-color:var(--accent);background:#c8f1350f}.option-icon{text-align:center;flex-shrink:0;width:1.8rem;font-size:1.25rem}.option-text{flex-direction:column;flex:1;gap:.1rem;display:flex}.option-label{font-size:.9rem;font-weight:700}.option-sub{color:var(--gray);font-size:clamp(.68rem,1.2vw + .3vh,.78rem);line-height:1.3}.option-check{width:1.1rem;height:1.1rem;color:var(--dark);border:1px solid #333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:.65rem;transition:background .2s,border-color .2s;display:flex}.option.selected .option-check{background:var(--accent);border-color:var(--accent)}.option.selected .option-check:after{content:"✓";font-weight:900}.quiz-nav{justify-content:space-between;align-items:center;gap:1rem;margin-top:clamp(1rem,3vh,1.8rem);display:flex}.btn-back{color:var(--gray);font-size:.8rem;font-family:var(--font);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;border:1px solid #2a2a2a;border-radius:999px;padding:.55rem 1.4rem;transition:border-color .2s,color .2s}.btn-back:hover{color:var(--light);border-color:#444}.btn-next{background:var(--accent);color:var(--dark);font-size:.85rem;font-weight:900;font-family:var(--font);cursor:pointer;letter-spacing:1.5px;text-transform:uppercase;opacity:.35;pointer-events:none;border:none;border-radius:999px;padding:.65rem 2rem;transition:transform .15s,opacity .2s}.btn-next.active{opacity:1;pointer-events:all}.btn-next.active:hover{transform:translateY(-2px)}.result{text-align:center;display:none}.result.show{display:block}.result-badge{letter-spacing:3px;text-transform:uppercase;color:var(--dark);background:var(--accent);opacity:0;border-radius:2px;margin-bottom:clamp(.5rem,1.5vh,1.1rem);padding:.3rem .9rem;font-size:.7rem;font-weight:800;animation:.5s 50ms forwards resultFadeUp;display:inline-block}.result h2{opacity:0;margin-bottom:clamp(.15rem,.5vh,.35rem);font-size:clamp(1.4rem,3.5vw + 1.2vh,2.2rem);font-weight:900;animation:.5s .12s forwards resultFadeUp}.result-plan-name{color:var(--accent)}.result-goal-phrase{color:var(--gray);opacity:0;max-width:440px;margin:0 auto clamp(.3rem,.8vh,.6rem);font-size:clamp(.78rem,1.4vw + .3vh,.86rem);animation:.5s .18s forwards resultFadeUp}.result-price{opacity:0;margin:clamp(.25rem,.8vh,.4rem) 0;font-weight:900;line-height:1;animation:.5s .24s forwards resultFadeUp}.result-price-amount{font-size:clamp(2rem,5vw + 1.6vh,2.7rem)}.result-price-unit{color:var(--gray);margin-left:.3rem;font-size:.88rem;font-weight:400}.result-desc{color:var(--gray);opacity:0;max-width:480px;margin:clamp(.4rem,1.2vh,.8rem) auto clamp(.5rem,1.2vh,1rem);font-size:clamp(.82rem,1.4vw + .3vh,.92rem);line-height:1.45;animation:.5s .3s forwards resultFadeUp}.result-reasons{text-align:left;opacity:0;flex-direction:column;gap:clamp(.3rem,.8vh,.4rem);max-width:440px;margin:0 auto clamp(.6rem,1.5vh,1.2rem);animation:.5s .36s forwards resultFadeUp;display:flex}.reason-chip{background:var(--dark2);border-left:2px solid var(--accent);color:var(--light);border-radius:3px;padding:clamp(.35rem,1vh,.5rem) .75rem;font-size:clamp(.74rem,1.2vw + .2vh,.8rem);line-height:1.3}.result-features{text-align:left;opacity:0;flex-direction:column;gap:clamp(.3rem,.8vh,.5rem);max-width:380px;margin:0 auto clamp(.6rem,1.5vh,1.1rem);list-style:none;animation:.5s .42s forwards resultFadeUp;display:flex}.result-features li{color:var(--light);align-items:center;gap:.6rem;font-size:clamp(.8rem,1.2vw + .2vh,.88rem);display:flex}.result-features li:before{content:"→";color:var(--accent);flex-shrink:0;font-weight:900}.btn-wa{background:var(--accent);color:var(--dark);cursor:pointer;font-family:var(--font);opacity:0;border:none;border-radius:999px;flex-direction:column;align-items:center;gap:.15rem;padding:clamp(.55rem,1.5vh,.8rem) 2.2rem;text-decoration:none;transition:transform .15s;animation:.5s .48s forwards resultFadeUp,2.5s 1.4s infinite pulse;display:inline-flex}.btn-wa:hover{transform:translateY(-2px)}.btn-wa-l1{letter-spacing:2px;text-transform:uppercase;font-size:.95rem;font-weight:900}.btn-wa-l2{letter-spacing:1px;opacity:.7;text-transform:uppercase;font-size:.68rem}.result-alt{color:var(--gray);margin-top:clamp(.5rem,1vh,1rem);font-size:.8rem}.result-alt a{color:var(--accent);font-weight:600;text-decoration:none}.result-alt a:hover{text-decoration:underline}.btn-retry{color:var(--gray);font-size:.76rem;font-family:var(--font);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;border:1px solid #2a2a2a;border-radius:999px;margin-top:.5rem;padding:.5rem 1.3rem;transition:border-color .2s,color .2s;display:inline-block}.btn-retry:hover{color:var(--light);border-color:#444}.result-score{justify-content:center;gap:.4rem;margin-bottom:1.5rem;display:flex}.score-dot{background:#2a2a2a;border-radius:50%;width:8px;height:8px;transition:background .3s}.score-dot.active{background:var(--accent)}.quiz-card{animation:.35s cubic-bezier(.4,0,.2,1) cardIn}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes resultFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 #c8f13500}50%{box-shadow:0 0 24px #c8f13580,0 0 50px #c8f13526}}.quiz-footer{text-align:center;color:#444;margin-top:clamp(.4rem,1vh,.8rem);font-size:.72rem}.quiz-footer a{color:var(--gray);text-decoration:none}.quiz-footer a:hover{color:var(--accent)}@media (width<=480px){.quiz-nav{flex-direction:column-reverse}.btn-next,.btn-back{text-align:center;width:100%}}@media (height<=700px){.quiz-header p,.quiz-footer{display:none}}@media (height<=600px){.option-sub{display:none}.quiz-logo{margin-bottom:.3rem}.result-goal-phrase,.result-alt{display:none}.result-badge{margin-bottom:.4rem}}@media (prefers-reduced-motion:reduce){.quiz-aurora{animation:none!important}.quiz-logo-dot{opacity:1;animation:none!important}.quiz-card{animation:none!important}.result-badge,.result h2,.result-goal-phrase,.result-price,.result-desc,.result-reasons,.result-features,.btn-wa{opacity:1!important;animation:none!important}}