*{box-sizing:border-box}html{background:#0b0d10}body{color:#f4f4f0;background:#0b0d10;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}::selection{color:#fff;background:#e84d3c}:root{--background:#0b0d10;--surface:#12151a;--surface-light:#191d24;--border:#2a2f38;--text:#f4f4f0;--muted:#9da3ad;--accent:#e84d3c;--blue:#4d7fe8}.landing-page,.quiz-page,.results-page{background:var(--background);min-height:100vh;color:var(--text)}.nav{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:28px 0;display:flex}.logo{letter-spacing:.14em;font-size:.95rem;font-weight:800}.nav-tag{color:var(--muted);letter-spacing:.08em;font-size:.7rem}.hero{width:min(900px,100% - 48px);margin:90px auto 130px}.hero-label,.question-number,.results-heading>span{color:var(--accent);letter-spacing:.14em;margin-bottom:24px;font-size:.72rem;font-weight:800;display:inline-block}.hero h1{letter-spacing:-.06em;max-width:900px;font-size:clamp(3.5rem,9vw,7.5rem);line-height:.95}.hero h1 span{color:var(--muted)}.hero-text{max-width:600px;color:var(--muted);margin:35px 0;font-size:1.15rem;line-height:1.7}.primary-button,.secondary-button{cursor:pointer;font:inherit;border:none;font-weight:700;transition:transform .2s,opacity .2s}.primary-button{background:var(--text);color:#111;padding:18px 26px;font-size:1rem}.primary-button span{margin-left:30px}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.hero-details{border-top:1px solid var(--border);gap:70px;margin-top:75px;padding-top:25px;display:flex}.hero-details div{flex-direction:column;gap:6px;display:flex}.hero-details strong{font-size:1.4rem}.hero-details span{color:var(--muted);font-size:.8rem}.preview-section{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:100px;width:min(1180px,100% - 48px);margin:0 auto;padding:90px 0 120px;display:grid}.preview-text>span{color:var(--accent);letter-spacing:.12em;font-size:.7rem;font-weight:800}.preview-text h2{letter-spacing:-.04em;margin:18px 0;font-size:clamp(2.3rem,4vw,4rem)}.preview-text p{color:var(--muted);max-width:430px;line-height:1.7}.preview-card{background:var(--surface);border:1px solid var(--border);padding:35px}.mini-result{margin-bottom:40px}.mini-result:last-child{margin-bottom:0}.mini-result>span{letter-spacing:.1em;font-size:.7rem;font-weight:800}.mini-scale,.result-scale{background:linear-gradient(to right, var(--blue) 0%, #6c7078 50%, var(--accent) 100%);height:4px;margin:18px 0 12px;position:relative}.mini-marker,.result-marker{background:var(--text);border:3px solid var(--background);border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%)}.economic-marker{left:66%}.social-marker{left:34%}.mini-labels,.result-labels{color:var(--muted);letter-spacing:.08em;justify-content:space-between;font-size:.62rem;display:flex}.quiz-container{width:min(760px,100% - 40px);margin:0 auto;padding:32px 0 80px}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.quiz-header>span{color:var(--muted);font-size:.85rem}.progress-bar{background:var(--border);height:3px;margin-bottom:80px}.progress-value{background:var(--text);height:100%;transition:width .3s}.question-number{margin-bottom:20px}.question-text{letter-spacing:-.045em;margin-bottom:55px;font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.05}.answers{flex-direction:column;gap:10px;display:flex}.answer{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);text-align:left;cursor:pointer;font:inherit;justify-content:space-between;align-items:center;padding:20px 22px;transition:background .2s,transform .2s,border-color .2s;display:flex}.answer:hover{background:var(--surface-light);border-color:#505865;transform:translate(4px)}.answer-arrow{color:var(--muted)}.results-container{width:min(820px,100% - 40px);margin:65px auto}.results-heading{margin-bottom:60px}.results-heading h1{letter-spacing:-.055em;margin-bottom:20px;font-size:clamp(3rem,7vw,5.5rem);line-height:1}.results-heading p{color:var(--muted);max-width:560px;line-height:1.7}.result-card{background:var(--surface);border:1px solid var(--border);margin-bottom:18px;padding:32px}.result-top{justify-content:space-between;align-items:flex-start;display:flex}.result-category{color:var(--muted);letter-spacing:.1em;font-size:.68rem;font-weight:800}.result-top h2{letter-spacing:-.03em;margin-top:9px;font-size:1.8rem}.result-top strong{letter-spacing:-.06em;font-size:2.5rem}.results-note{color:var(--muted);border-left:2px solid var(--border);margin:35px 0;padding-left:18px;font-size:.85rem;line-height:1.7}.secondary-button{color:var(--text);border:1px solid var(--border);background:0 0;padding:15px 22px}@media (width<=700px){.nav{width:min(100% - 32px,1180px);padding:22px 0}.nav-tag{display:none}.hero{width:calc(100% - 32px);margin:65px auto 90px}.hero h1{font-size:clamp(3.4rem,16vw,5rem)}.hero-details{justify-content:space-between;gap:25px}.hero-details strong{font-size:1.1rem}.hero-details span{font-size:.68rem}.preview-section{grid-template-columns:1fr;gap:50px;width:calc(100% - 32px);padding:70px 0}.quiz-container{width:calc(100% - 32px)}.progress-bar{margin-bottom:55px}.question-text{font-size:2.45rem}.answer{padding:18px}.results-container{width:calc(100% - 32px);margin-top:40px}.result-card{padding:24px}.result-top h2{font-size:1.4rem}.result-top strong{font-size:2rem}.result-labels{font-size:.52rem}}