:root{--accent:#32ff7e;--accent-rgb:50,255,126;--bg:#090c0a;--card:#111512;--border:rgba(255,255,255,.08);--text:#eef4f0;--muted:#7e8981;--display:'Manrope',sans-serif;--font:'DM Sans',sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,rgba(var(--accent-rgb),.08),transparent 30%),var(--bg);color:var(--text);font-family:var(--font)}button,a{font:inherit}.stars i{position:fixed;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 12px var(--accent);opacity:.55;animation:twinkle 3s infinite}.stars i:nth-child(1){left:8%;top:20%}.stars i:nth-child(2){left:22%;top:70%;animation-delay:.6s}.stars i:nth-child(3){right:10%;top:27%;animation-delay:1.2s}.stars i:nth-child(4){right:24%;top:82%;animation-delay:1.8s}.stars i:nth-child(5){left:53%;top:8%;animation-delay:2.2s}.stars i:nth-child(6){right:43%;top:56%;animation-delay:2.7s}@keyframes twinkle{50%{opacity:.15;transform:scale(.65)}}.survey-nav{position:relative;z-index:5;width:min(1180px,calc(100% - 40px));height:88px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;letter-spacing:.12em}.brand img{width:38px;height:38px;border-radius:11px}.survey-nav>span{color:#657068;font-size:8px;font-weight:900;letter-spacing:.18em}.survey-nav>a:last-child{justify-self:end;color:#89948c;font-size:10px;text-decoration:none}.screen{display:none;width:min(1120px,calc(100% - 40px));margin:auto}.screen.active{display:grid}.intro{min-height:calc(100vh - 150px);grid-template-columns:1.1fr .6fr;align-items:center;gap:70px;padding:70px 0 100px}.eyebrow,.result-hero>div>span,.index-section header>span,.diagnosis-grid article>span,.personal-dashboard>header span,.offer>span{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.16em}.intro h1{margin:20px 0 22px;font:800 clamp(48px,6.5vw,82px)/.98 var(--display);letter-spacing:-.065em}.intro h1 em,.offer h2 em{color:var(--accent);font-style:normal}.intro-copy>p{max-width:690px;margin:0;color:#939d96;font-size:16px;line-height:1.72}.trust{display:flex;flex-wrap:wrap;gap:9px;margin:27px 0}.trust span{padding:9px 12px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.02);color:#a2ada5;font-size:9px}.primary{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 21px;border:0;border-radius:13px;background:var(--accent);color:#061009;font-weight:900;text-decoration:none;cursor:pointer;transition:.22s}.primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(var(--accent-rgb),.19)}.intro-copy>small{display:block;margin-top:13px;color:#5f6962;font-size:8px}.intro-orbit{display:grid;place-items:center}.intro-orbit>div,.processing-orbit{position:relative;width:300px;height:180px;border:1px solid rgba(var(--accent-rgb),.25);border-radius:50%;box-shadow:inset 0 0 55px rgba(var(--accent-rgb),.04)}.intro-orbit>div i,.processing-orbit i{position:absolute;width:104px;height:104px;left:98px;top:38px;border-radius:50%;background:#050806;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 70px rgba(var(--accent-rgb),.15)}.intro-orbit>div b,.processing-orbit b{position:absolute;z-index:2;left:136px;top:65px;color:var(--accent);font:800 40px var(--display)}.intro-orbit>div span,.processing-orbit span{position:absolute;width:18px;height:18px;left:141px;top:81px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent);animation:orbit 5s linear infinite}@keyframes orbit{to{transform:rotate(360deg) translateX(150px) rotate(-360deg)}}.intro-orbit>p{display:flex;align-items:center;gap:10px;margin-top:30px}.intro-orbit>p strong{color:var(--accent);font:900 45px var(--display)}.intro-orbit>p small{color:#78837b;font-size:9px}
.quiz{max-width:870px;min-height:calc(100vh - 150px);align-content:start;padding:55px 0 100px}.quiz-progress{display:grid;grid-template-columns:42px 1fr 45px;align-items:center;gap:15px}.quiz-progress>button{width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:#101411;color:#97a198;cursor:pointer}.quiz-progress>div{display:grid;gap:8px}.quiz-progress span,.quiz-progress em{color:#727d75;font-size:8px;font-weight:800;letter-spacing:.12em;font-style:normal}.quiz-progress>div>i{height:4px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}.quiz-progress>div>i b{display:block;height:100%;width:14%;border-radius:inherit;background:var(--accent);transition:.35s}.question-card{margin-top:35px;padding:clamp(25px,5vw,52px);border:1px solid var(--border);border-radius:27px;background:radial-gradient(circle at 100% 0,rgba(var(--accent-rgb),.07),transparent 33%),var(--card);box-shadow:0 30px 90px rgba(0,0,0,.28)}.question-card>span{color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.16em}.question-card h1{max-width:720px;margin:14px 0 8px;font:800 clamp(27px,4vw,42px)/1.08 var(--display);letter-spacing:-.045em}.question-card>p{margin:0 0 27px;color:#79847c;font-size:10px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer{min-height:72px;display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.018);color:#b7c0ba;text-align:left;cursor:pointer;transition:.2s}.answer:hover,.answer.selected{border-color:rgba(var(--accent-rgb),.48);background:rgba(var(--accent-rgb),.06);transform:translateY(-1px)}.answer i{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border:1px solid rgba(255,255,255,.16);border-radius:50%;font-style:normal;font-size:0}.answer.multi i{border-radius:7px}.answer.selected i{border-color:var(--accent);background:var(--accent);color:#061009;font-size:12px}.answer b{font-size:11px}.next-question{width:100%;margin-top:18px}.processing{min-height:calc(100vh - 150px);place-items:center;align-content:center;padding:60px 0 110px;text-align:center}.processing-orbit{width:220px;height:130px}.processing-orbit i{width:76px;height:76px;left:72px;top:27px}.processing-orbit b{left:100px;top:49px;font-size:26px}.processing-orbit span{width:13px;height:13px;left:104px;top:59px;animation-name:orbitSmall}@keyframes orbitSmall{to{transform:rotate(360deg) translateX(110px) rotate(-360deg)}}.processing>span{margin-top:34px;color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.17em}.processing h1{margin:12px 0 25px;font:800 42px/1.05 var(--display);letter-spacing:-.05em}.processing-list{width:min(420px,100%);display:grid;gap:8px;text-align:left}.processing-list p{margin:0;padding:11px 14px;border:1px solid transparent;border-radius:10px;color:#555f58;font-size:10px;transition:.25s}.processing-list p.active{border-color:rgba(var(--accent-rgb),.18);background:rgba(var(--accent-rgb),.045);color:#b8c2bb}.processing-list p.done{color:var(--accent)}.processing-track{width:min(420px,100%);height:4px;margin-top:20px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}.processing-track b{display:block;width:0;height:100%;background:var(--accent);transition:.8s linear}
.result{padding:60px 0 120px;gap:80px}.result-hero{display:grid;grid-template-columns:1fr 330px;gap:50px;align-items:center}.result-hero h1{margin:12px 0;font:900 clamp(55px,8vw,100px)/.9 var(--display);letter-spacing:-.07em;color:var(--accent)}.result-hero>div>p{max-width:680px;color:#929c95;line-height:1.7}.compatibility{display:flex;align-items:center;gap:12px;margin-top:22px}.compatibility b{font:900 32px var(--display)}.compatibility span{color:#6f7972;font-size:8px;line-height:1.4;text-transform:uppercase;letter-spacing:.1em}.result-hero>aside{display:grid;place-items:center;padding:30px;border:1px solid var(--border);border-radius:25px;background:var(--card);text-align:center}.score-ring{--score-angle:194deg;width:180px;height:180px;display:grid;place-content:center;border-radius:50%;background:conic-gradient(var(--accent) var(--score-angle),rgba(255,255,255,.06) 0);position:relative}.score-ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#0d110e}.score-ring strong,.score-ring small{position:relative;z-index:1}.score-ring strong{font:900 62px/.85 var(--display)}.score-ring small{color:#78837b}.result-hero>aside>span{margin-top:17px;color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.14em}.result-hero>aside>p{margin:7px 0 0;color:#5f6962;font-size:8px}.index-section header h2,.diagnosis-grid h2,.personal-dashboard h2{margin:8px 0 0;font:800 31px var(--display);letter-spacing:-.04em}.score-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:25px}.score-item{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--card)}.score-item i{color:var(--accent);font-style:normal}.score-item b{display:block;margin:18px 0 4px;font:800 25px var(--display)}.score-item span{color:#8e9891;font-size:9px}.score-item u{display:block;height:4px;margin-top:13px;border-radius:4px;background:rgba(255,255,255,.06);text-decoration:none;overflow:hidden}.score-item u:after{content:"";display:block;width:var(--score);height:100%;background:var(--accent)}.diagnosis-grid{display:grid;grid-template-columns:1fr .8fr;gap:13px}.diagnosis-grid>article,.before-after article{padding:30px;border:1px solid var(--border);border-radius:22px;background:var(--card)}.diagnosis-grid ul,.before-after ul{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.diagnosis-grid li{padding:12px;border-radius:11px;background:rgba(var(--accent-rgb),.04);color:#a9b3ac;font-size:10px}.diagnosis-grid li:before{content:'✓';margin-right:9px;color:var(--accent)}.potential-card>p{color:#818c84;font-size:10px;line-height:1.65}.potential-card>strong{display:flex;flex-direction:column;margin-top:23px;color:var(--accent);font:900 35px var(--display)}.potential-card>strong small{margin-top:4px;color:#869189;font:600 9px var(--font)}.potential-card>em{display:block;margin-top:14px;color:#566059;font-size:7px;font-style:normal}.before-after{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center}.before-after>i{text-align:center;color:var(--accent);font-style:normal}.before-after article>span{color:#737e76;font-size:8px;font-weight:900;letter-spacing:.14em}.before-after ul{color:#9da79f;font-size:10px}.before-after article:last-child{border-color:rgba(var(--accent-rgb),.2)}
.personal-dashboard>header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.personal-dashboard>header em{padding:8px 11px;border-radius:99px;background:rgba(var(--accent-rgb),.07);color:var(--accent);font-size:8px;font-style:normal;font-weight:900}.dashboard-shell{display:grid;grid-template-columns:175px 1fr;min-height:440px;overflow:hidden;border:1px solid var(--border);border-radius:25px;background:#0e120f;box-shadow:0 35px 100px rgba(0,0,0,.3)}.dashboard-shell>aside{display:flex;flex-direction:column;gap:7px;padding:25px 14px;border-right:1px solid var(--border)}.dashboard-shell>aside>b{margin:0 9px 18px;letter-spacing:.14em}.dashboard-shell>aside span{padding:10px;border-radius:8px;color:#657068;font-size:8px}.dashboard-shell>aside span.active{color:var(--accent);background:rgba(var(--accent-rgb),.07)}.dashboard-shell>main{padding:27px}.dash-greeting>span,.dash-chart>span,.dash-grid article>span{color:var(--accent);font-size:7px;font-weight:900;letter-spacing:.13em}.dash-greeting h3{margin:5px 0;font:750 22px var(--display)}.dash-greeting p{margin:0;color:#657068;font-size:8px}.dash-grid{display:grid;grid-template-columns:1.7fr .7fr;gap:10px;margin-top:25px}.dash-grid article{padding:17px;border:1px solid var(--border);border-radius:14px;background:#141815}.dash-chart{grid-row:span 2}.dash-chart strong{display:block;margin-top:7px;font:800 25px var(--display)}.dash-chart svg{width:100%;height:190px;margin-top:10px}.dash-chart path{fill:none;stroke:var(--accent);stroke-width:4;filter:drop-shadow(0 0 7px rgba(var(--accent-rgb),.35))}.dash-grid article:not(.dash-chart){display:flex;flex-direction:column;justify-content:center}.dash-grid article>b{margin:8px 0 5px;font:750 14px var(--display)}.dash-grid article small{color:#69736c;font-size:7px}.offer{padding:55px;border:1px solid rgba(var(--accent-rgb),.23);border-radius:30px;background:radial-gradient(circle at 80% 10%,rgba(var(--accent-rgb),.14),transparent 32%),linear-gradient(145deg,#151b16,#0e120f);text-align:center}.offer h2{margin:14px 0;font:800 clamp(38px,5vw,61px)/1 var(--display);letter-spacing:-.055em}.offer>p{max-width:730px;margin:0 auto;color:#8c968f;line-height:1.7}.offer-features{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:27px auto}.offer-features b{padding:9px 12px;border:1px solid var(--border);border-radius:99px;color:#aab4ad;font-size:8px}.offer-price{display:grid;justify-items:center}.offer-price del{color:#626c65}.offer-price strong{font:900 70px/.95 var(--display)}.offer-price span{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.1em}.offer-actions{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:27px}.offer-actions>a:last-child{color:#9ba59e;font-size:10px}.restart{justify-self:center;border:0;background:transparent;color:#6e7971;font-size:9px;cursor:pointer}footer{width:min(1120px,calc(100% - 40px));margin:auto;padding:25px 0 45px;display:flex;justify-content:space-between;border-top:1px solid var(--border);color:#59635c;font-size:8px}
@media(max-width:800px){.survey-nav{grid-template-columns:1fr auto}.survey-nav>span{display:none}.intro{grid-template-columns:1fr;padding-top:50px}.intro-orbit{display:none}.result-hero{grid-template-columns:1fr}.result-hero>aside{max-width:360px}.score-grid{grid-template-columns:1fr 1fr}.diagnosis-grid{grid-template-columns:1fr}.personal-dashboard>header{align-items:flex-start;flex-direction:column}.dashboard-shell{grid-template-columns:1fr}.dashboard-shell>aside{display:none}}
@media(max-width:560px){.survey-nav{width:calc(100% - 24px);height:72px}.screen{width:calc(100% - 24px)}.intro{min-height:calc(100vh - 110px);padding:45px 0 80px}.intro h1{font-size:40px}.intro-copy>p{font-size:14px}.trust{align-items:flex-start;flex-direction:column}.quiz{padding-top:35px}.question-card{padding:24px 17px}.question-card h1{font-size:29px}.answers{grid-template-columns:1fr}.answer{min-height:62px}.processing h1{font-size:34px}.result{padding-top:40px;gap:60px}.result-hero h1{font-size:61px}.result-hero>aside{width:100%}.score-grid{grid-template-columns:1fr}.before-after{grid-template-columns:1fr}.before-after>i{transform:rotate(90deg);padding:9px}.dashboard-shell>main{padding:18px 13px}.dash-grid{grid-template-columns:1fr}.dash-chart{grid-row:auto}.dash-chart svg{height:145px}.offer{padding:38px 17px}.offer h2{font-size:37px}.offer-price strong{font-size:57px}.offer-actions{align-items:stretch;flex-direction:column}.offer-actions .primary{width:100%}footer{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}