.quiz-body{--bg:#111D2E;--bg-warm:#182636;--bg-card:#1A2A3E;--bg-card-hover:#213650;--bg-card-selected:#2A4460;--text:#E4D9CA;--text-soft:#A89E90;--text-muted:#6E6860;--accent:#D4915A;--accent-hover:#E2A26E;--border:#2A3A4E;font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow-x:hidden;position:relative}.quiz-body.result-mode{justify-content:flex-start;padding-top:80px}.quiz-body .progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--border);z-index:10}.quiz-body .progress-bar{height:100%;background:var(--accent);transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:0 2px 2px 0}.quiz-body .quiz-header{position:fixed;top:16px;left:24px;font-family:var(--font-display);font-size:18px;color:var(--text-soft);z-index:10;text-decoration:none}.quiz-body .quiz-counter{position:fixed;top:18px;right:24px;font-size:13px;color:var(--text-muted);z-index:10}.quiz-body .quiz-container{max-width:600px;width:100%;text-align:center}.quiz-body .screen{display:none;animation:screenIn .4s ease both}.quiz-body .screen.active{display:block}@keyframes screenIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-body .question{font-family:var(--font-display);font-size:clamp(26px,5vw,36px);line-height:1.2;letter-spacing:-.02em;font-weight:400;margin-bottom:40px}.quiz-body .question em{font-style:italic;color:var(--accent)}.quiz-body .answers{display:grid;grid-gap:12px;gap:12px;max-width:440px;margin:0 auto}.quiz-body .answers-2col{grid-template-columns:1fr 1fr}.quiz-body .answer-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:16px;padding:20px 24px;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;font-family:inherit;color:inherit;width:100%}.quiz-body .answer-card:hover{background:var(--bg-card-hover);border-color:rgba(212,145,90,.3);transform:translateY(-1px)}.quiz-body .answer-card:active{transform:scale(.98)}.quiz-body .answer-card.selected{background:var(--bg-card-selected);border-color:var(--accent)}.quiz-body .answer-icon{font-size:24px;flex-shrink:0;width:44px;height:44px;background:rgba(212,145,90,.08);border-radius:12px;display:flex;align-items:center;justify-content:center}.quiz-body .answer-label{font-size:16px;font-weight:500}.quiz-body .answer-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.quiz-body .fun-fact{margin-top:32px;padding:16px 20px;background:rgba(212,145,90,.06);border-left:2px solid var(--accent);border-radius:0 12px 12px 0;text-align:left;font-size:14px;color:var(--text-soft);line-height:1.55;opacity:0;transform:translateY(8px);transition:opacity .4s .2s,transform .4s .2s;max-width:440px;margin-left:auto;margin-right:auto}.quiz-body .fun-fact.show{opacity:1;transform:translateY(0)}.quiz-body .fun-fact-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:4px}.quiz-body .next-btn{display:inline-flex;align-items:center;gap:8px;margin-top:28px;background:transparent;color:var(--accent);border:1.5px solid var(--accent);border-radius:100px;padding:14px 32px;font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .25s;opacity:0;transform:translateY(8px);pointer-events:none}.quiz-body .next-btn.show{opacity:1;transform:translateY(0);pointer-events:auto}.quiz-body .next-btn:hover{background:var(--accent);color:#111D2E;transform:translateY(-1px)}.quiz-body .next-btn svg{width:16px;height:16px;transition:transform .2s}.quiz-body .next-btn:hover svg{transform:translateX(3px)}.quiz-body .result-year{font-family:var(--font-display);font-size:clamp(72px,15vw,120px);color:var(--accent);letter-spacing:-.04em;line-height:1;margin-bottom:8px;opacity:0;transform:scale(.8);animation:revealYear .8s cubic-bezier(.2,0,.1,1) .3s both}@keyframes revealYear{to{opacity:1;transform:scale(1)}}.quiz-body .result-label{font-size:15px;color:var(--text-muted);margin-bottom:32px;letter-spacing:.02em;opacity:0;animation:quizFadeUp .5s ease .6s both}.quiz-body .result-text{font-size:17px;color:var(--text-soft);line-height:1.75;max-width:480px;margin:0 auto 40px;text-align:left;opacity:0;animation:quizFadeUp .5s ease .8s both}.quiz-body .result-text p{margin-bottom:12px}.quiz-body .result-text strong{color:var(--text);font-weight:500}.quiz-body .result-divider{width:60px;height:1px;background:var(--border);margin:48px auto}.quiz-body .result-cta-heading{font-family:var(--font-display);font-size:clamp(22px,4vw,28px);color:var(--text);line-height:1.3;margin-bottom:12px}.quiz-body .result-cta-heading em{color:var(--accent);font-style:italic}.quiz-body .result-cta-sub{font-size:16px;color:var(--text-soft);line-height:1.6;max-width:440px;margin:0 auto}.quiz-body .result-bullets{display:flex;flex-direction:column;gap:12px;max-width:380px;margin:32px auto;text-align:left}.quiz-body .result-bullet{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text-soft)}.quiz-body .result-bullet-icon{width:32px;height:32px;border-radius:10px;background:rgba(212,145,90,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px}.quiz-body .result-price{margin-top:40px}.quiz-body .result-price-row{display:flex;align-items:baseline;gap:8px;justify-content:center;margin-bottom:4px}.quiz-body .result-price-old{font-size:16px;color:var(--text-muted);text-decoration:line-through}.quiz-body .result-price-new{font-family:var(--font-display);font-size:40px;color:var(--text);letter-spacing:-.02em}.quiz-body .result-price-badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:rgba(212,145,90,.12);border-radius:100px;padding:4px 14px;margin-bottom:6px}.quiz-body .result-price-hint{font-size:13px;color:var(--text-muted);margin-bottom:24px}.quiz-body .result-payment-hint{font-size:12px;color:var(--text-muted);margin-top:16px}.quiz-body .result-more-link{display:inline-block;margin-top:48px;font-size:14px;color:var(--text-muted);text-decoration:none;transition:color .2s}.quiz-body .result-more-link:hover{color:var(--accent)}.quiz-body .buy-btn{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#111D2E;text-decoration:none;font-size:17px;font-weight:600;padding:18px 44px;border-radius:100px;border:none;cursor:pointer;font-family:var(--font-body);transition:background .25s,transform .2s}.quiz-body .buy-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.quiz-body .buy-btn svg{width:18px;height:18px;transition:transform .2s}.quiz-body .buy-btn:hover svg{transform:translateX(3px)}.quiz-body .email-row{display:flex;gap:10px}.quiz-body .email-row input{flex:1 1;padding:14px 20px;border:1px solid var(--border);border-radius:100px;background:var(--bg);color:var(--text);font-size:15px;font-family:var(--font-body);outline:none;transition:border-color .2s}.quiz-body .email-row input::placeholder{color:var(--text-muted)}.quiz-body .email-row input:focus{border-color:var(--accent)}.quiz-body .email-row button{background:var(--accent);color:#111D2E;border:none;border-radius:100px;padding:14px 24px;font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background .2s;white-space:nowrap}.quiz-body .email-row button:hover{background:var(--accent-hover)}.quiz-body .email-hint{margin-top:12px;font-size:12px;color:var(--text-muted)}.quiz-body .intro-title{font-family:var(--font-display);font-size:clamp(32px,6vw,48px);line-height:1.15;letter-spacing:-.02em;font-weight:400;margin-bottom:16px}.quiz-body .intro-title em{font-style:italic;color:var(--accent)}.quiz-body .intro-sub{font-size:17px;color:var(--text-soft);max-width:420px;margin:0 auto 40px;line-height:1.6}.quiz-body .start-btn{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#111D2E;text-decoration:none;font-size:17px;font-weight:600;padding:18px 44px;border-radius:100px;border:none;cursor:pointer;transition:background .25s,transform .2s;font-family:var(--font-body)}.quiz-body .start-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.quiz-body .intro-hint{margin-top:16px;font-size:13px;color:var(--text-muted)}@keyframes quizFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:500px){.quiz-body .answers-2col{grid-template-columns:1fr}.quiz-body .email-row{flex-direction:column}.quiz-body .email-row button{width:100%}}