:root{--bg:#171715;--panel:#22221f;--panel-2:#292824;--text:#f5f0e7;--muted:#b8b1a4;--gold:#c9a86a;--gold-light:#ead5aa;--line:rgba(234,213,170,.18);--love:#b86d76;--work:#c29a52;--body:#72977b;--place:#5e9b98;--self:#8b75aa;--joy:#c67d50;--connection:#6f91b1;--money:#638b69;--radius:18px;--shadow:0 24px 80px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 5%,rgba(201,168,106,.08),transparent 30%),linear-gradient(135deg,#171715,#1b1a18 48%,#141413);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6;min-height:100vh}.app{min-height:100vh}.shell{width:min(1120px,calc(100% - 32px));margin:auto;padding:46px 0 70px}.narrow{width:min(820px,100%);margin:auto}.eyebrow{color:var(--gold);font:600 .76rem/1.4 Manrope,sans-serif;letter-spacing:.22em;text-transform:uppercase;margin:0 0 18px}.hero{min-height:100vh;display:grid;place-items:center;text-align:center}.hero-inner{max-width:900px;padding:60px 0}.brand{font:600 .82rem/1 Manrope,sans-serif;letter-spacing:.38em;color:var(--gold-light);margin-bottom:44px}.hero h1,.result-hero h1{font:500 clamp(2.6rem,7vw,6.2rem)/.98 Manrope,sans-serif;letter-spacing:-.055em;margin:0}.hero h2{font:400 clamp(1.4rem,3vw,2.4rem)/1.25 Manrope,sans-serif;margin:20px 0 26px;color:var(--gold-light)}.lead{font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--muted);max-width:720px;margin:0 auto 32px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:790px;margin:28px auto 38px;padding:0;list-style:none}.benefits li{padding:13px 10px;border:1px solid var(--line);border-radius:999px;color:#d8d1c5;font-size:.88rem}.btn{appearance:none;border:1px solid var(--gold);border-radius:999px;padding:15px 26px;background:var(--gold);color:#181713;font:600 .82rem/1 Manrope,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;min-height:50px;transition:.2s}.btn:hover{background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-1px)}.btn:focus-visible,.answer:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn-secondary{background:transparent;color:var(--gold-light)}.btn-quiet{background:transparent;border-color:transparent;color:var(--muted);padding-inline:12px}.duration{display:block;margin-top:15px;color:#898479;font-size:.82rem}.resume{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.025)}.resume p{margin:0 0 12px}.btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.quiz-shell{width:min(820px,calc(100% - 30px));margin:auto;padding:30px 0 60px;min-height:100vh;display:flex;flex-direction:column}.quiz-top{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.progress-track{height:3px;background:#373630;border-radius:10px;overflow:hidden;grid-column:1/-1}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));transition:width .35s ease}.progress-copy,.area-name{font-size:.76rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.area-name{color:var(--gold)}.question-card{margin:auto 0;padding:54px 0 34px;animation:rise .35s ease}.question-card h1{font:500 clamp(1.65rem,4vw,2.65rem)/1.25 Manrope,sans-serif;letter-spacing:-.03em;margin:0 0 30px}.answers{display:grid;gap:11px}.answer{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.035);color:var(--text);padding:17px 19px;text-align:left;font:400 .98rem/1.45 Inter,sans-serif;cursor:pointer;display:flex;gap:15px;align-items:flex-start;transition:.2s}.answer:hover{border-color:rgba(201,168,106,.55);background:rgba(201,168,106,.07)}.answer.selected{border-color:var(--gold);background:rgba(201,168,106,.12)}.answer-index{color:var(--gold);font-weight:600;min-width:20px}.quiz-nav{display:flex;justify-content:space-between;gap:12px;padding-top:16px}.quiz-nav .btn{min-width:130px}.result-hero{text-align:center;padding:70px 0 42px}.score-orbit{width:230px;height:230px;border-radius:50%;margin:30px auto;display:grid;place-items:center;border:1px solid var(--gold);background:radial-gradient(circle,rgba(201,168,106,.13),transparent 65%);box-shadow:0 0 80px rgba(201,168,106,.08)}.score-number{font:500 5rem/1 Manrope,sans-serif;letter-spacing:-.07em}.score-unit{color:var(--muted);font-size:.73rem;letter-spacing:.16em}.category{font:600 .83rem/1 Manrope,sans-serif;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}.section{padding:70px 0;border-top:1px solid var(--line)}.section h2{font:500 clamp(2rem,5vw,3.8rem)/1.08 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 15px}.section-intro{color:var(--muted);max-width:700px;margin:0 0 34px}.chart-wrap{height:min(72vw,620px);min-height:390px;padding:25px;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:var(--radius)}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:18px}.score-card,.highlight,.insight,.step,.cta{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow)}.score-card{padding:18px;border-top:3px solid var(--area)}.score-card h3{font-size:.82rem;margin:0 0 12px;color:#d9d2c7}.score-card strong{font:600 1.65rem/1 Manrope,sans-serif}.score-card span{display:block;color:var(--muted);font-size:.72rem;margin-top:7px}.highlights{display:grid;gap:18px}.highlight{padding:clamp(24px,4vw,42px);border-left:4px solid var(--area)}.highlight .tag{color:var(--area);font-size:.72rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.highlight h3{font:500 clamp(1.45rem,3vw,2.25rem)/1.2 Manrope,sans-serif;margin:10px 0 18px}.highlight p{color:#d1cabe;max-width:850px}.highlight strong{color:var(--text)}.insight{padding:clamp(26px,5vw,50px);background:linear-gradient(135deg,rgba(201,168,106,.10),rgba(255,255,255,.025))}.insight h3{font:500 1.8rem/1.2 Manrope,sans-serif;margin:0 0 15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{padding:27px}.step-index{color:var(--gold);font:600 .72rem Manrope,sans-serif;letter-spacing:.15em}.step h3{font:500 1.2rem Manrope,sans-serif;margin:10px 0}.step p{color:var(--muted);font-size:.93rem}.cta{text-align:center;padding:clamp(35px,7vw,75px);background:linear-gradient(135deg,#2c2923,#201f1c)}.cta h2{max-width:800px;margin:0 auto 20px}.cta p{max-width:730px;margin:0 auto 26px;color:var(--muted)}.cta ul{display:inline-block;text-align:left;color:#d3ccc0;margin:0 auto 28px}.closing{max-width:860px}.closing h3{font:500 clamp(1.5rem,3vw,2.4rem)/1.25 Manrope,sans-serif;color:var(--gold-light)}.closing p,.closing li{color:var(--muted)}.closing .manifesto{font:500 clamp(1.8rem,4vw,3.2rem)/1.15 Manrope,sans-serif;color:var(--text);margin:32px 0}.restart{text-align:center;padding:20px 0 70px}.footnote{font-size:.77rem;color:#817b71;margin-top:20px}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:760px){.shell{padding-top:28px}.benefits{grid-template-columns:1fr}.quiz-shell{padding-top:20px}.question-card{padding-top:38px}.score-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.chart-wrap{min-height:420px;padding:10px}.btn-row{flex-direction:column}.btn-row .btn{width:100%}.section{padding:50px 0}}
@media(max-width:420px){.score-grid{grid-template-columns:1fr}.hero h1{font-size:2.5rem}.answer{padding:15px}.quiz-nav .btn{min-width:0}.chart-wrap{min-height:360px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}