:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#fafafa;background:#090707;--accent:#ff6064}
*{box-sizing:border-box}
body{margin:0;padding:11px 20px;background:radial-gradient(ellipse at 50% 35%,#28100f 0, #100909 50%,#070707 85%);min-height:100vh}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
.quiz{position:relative;max-width:748px;margin:auto;background:#0b0b0b;border:1px solid #292929;border-radius:36px 36px 0 0;overflow:hidden}
.progress{height:8px;background:#242424}
.progress span{display:block;width:6.25%;height:100%;background:#f44348}
header{position:relative;min-height:106px;display:flex;justify-content:center;align-items:flex-start;padding:34px 82px 20px}
.brand,.step{color:var(--accent);font-size:16px;font-weight:700;letter-spacing:3px;margin:0}
.brand{text-align:center;line-height:1.5}
.sound{position:absolute;right:21px;top:16px;width:54px;height:54px;border:0;border-radius:50%;background:#191919;color:white;display:grid;place-items:center}
.sound svg{width:27px;height:27px}
.sound-off{display:none}
.sound[aria-pressed=true] .sound-waves{display:none}
.sound[aria-pressed=true] .sound-off{display:block}
.question{padding:18px 37px 36px}
.step{margin:0 0 22px}
.banner{display:block;width:100%;height:auto;aspect-ratio:2.62;object-fit:cover;border:1px solid #2b2b2b;border-radius:17px}
h1{font-family:Georgia,'Times New Roman',serif;font-size:48px;line-height:1.12;letter-spacing:-1.3px;margin:24px 0 28px;font-weight:700}
.answers{display:grid;gap:16px}
.answer{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:85px;padding:23px 27px;color:#fff;background:#141414;border:1px solid #c83e43;border-radius:17px;text-align:left;font-weight:700;font-size:22px;line-height:1.35;box-shadow:0 15px 32px #70110e10;transition:background .18s,border-color .18s,transform .18s}
.arrow{color:var(--accent);font-size:27px;font-weight:400;flex:none;line-height:1}
.answer:hover{background:#211617;border-color:var(--accent);transform:translateY(-2px)}
.answer:active{transform:scale(.99)}
.answer[aria-pressed=true]{background:#2b1718;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
button:focus-visible,a:focus-visible{outline:3px solid #ffb2b4;outline-offset:5px}
.selection-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
footer{border-top:1px solid #262626;text-align:center;padding:37px 34px 24px;color:#aaa;font-size:16px;line-height:1.65}
footer p{margin:0}
footer a,.legal-link{color:inherit;text-decoration:underline;text-underline-offset:4px}
.email{margin-top:30px;overflow-wrap:anywhere}
nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 32px;margin:29px 0}
.legal-link{border:0;background:none;padding:0;line-height:1.6}
.affiliation,.copyright{font-size:14px}
.copyright{margin-top:29px}
.legal-dialog{max-width:460px;width:calc(100% - 40px);background:#141414;color:#eee;border:1px solid #c83e43;border-radius:17px;padding:28px;line-height:1.6}
.legal-dialog::backdrop{background:#000b}
.legal-dialog h2{margin-top:0}
.close-dialog{background:#2b1718;border:1px solid var(--accent);color:white;border-radius:8px;padding:10px 24px}
@media(max-width:600px){body{padding:8px 10px}.quiz{border-radius:25px 25px 0 0}header{min-height:94px;padding:27px 63px 16px}.brand{font-size:11px;letter-spacing:2px}.sound{width:42px;height:42px;right:13px;top:15px}.sound svg{width:23px;height:23px}.question{padding:12px 18px 28px}.step{font-size:12px;letter-spacing:2.2px;margin-bottom:18px}.banner{border-radius:13px}h1{font-size:clamp(29px,7.5vw,42px);letter-spacing:-.7px;margin:21px 0 24px}.answer{min-height:78px;padding:19px 17px;font-size:17px;border-radius:13px;gap:12px}.answers{gap:13px}footer{padding:28px 21px 22px;font-size:13px}.affiliation,.copyright{font-size:12px}nav{gap:16px 24px}.email{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.answer{transition:none}.answer:hover,.answer:active{transform:none}}

.back{position:absolute;left:21px;top:16px;width:54px;height:54px;border:0;border-radius:50%;background:#191919;color:white;display:grid;place-items:center}
.back svg{width:27px;height:27px}
[hidden]{display:none!important}
.quiz.analyzing{border-radius:36px}
.analysis-screen{padding:37px 72px;text-align:center}
.analysis-ring{--analysis-progress:0%;width:150px;height:150px;margin:0 auto 32px;border-radius:50%;background:conic-gradient(#f44348 var(--analysis-progress),#530d0e 0);display:grid;place-items:center;position:relative}
.analysis-ring::before{content:'';position:absolute;inset:13px;border-radius:50%;background:#141414}
.analysis-percent{position:relative;font-size:40px;font-weight:800}
.analysis-screen h1{font-size:40px;letter-spacing:-.6px;line-height:1.2;margin:0 0 20px;overflow-wrap:anywhere}
.analysis-screen h1:focus{outline:none}
.analysis-description{font-size:18px;color:#aaa;line-height:1.5;margin:0 0 35px;overflow-wrap:anywhere}
.analysis-tasks{list-style:none;display:grid;gap:12px;margin:0 0 37px;padding:0;text-align:left}
.analysis-tasks li{display:flex;align-items:center;gap:16px;padding:17px 22px;background:#121212;border:1px solid #292929;border-radius:17px;font-size:18px;font-weight:700;line-height:1.4;color:#666}
.analysis-tasks li::before{content:'';flex:none;width:13px;height:13px;border-radius:50%;background:#444}
.analysis-tasks li.active{background:#1a0c0d;border-color:#82282b;color:#fff}
.analysis-tasks li.active::before{background:#f44348}
.expert-card{display:flex;align-items:center;gap:22px;text-align:left;background:#141414;border:1px solid #292929;border-radius:22px;padding:22px}
.expert-card img{width:122px;height:152px;object-fit:cover;border-radius:16px;flex:none}
.expert-card h2{font-size:18px;color:var(--accent);margin:0 0 13px}
.expert-card p{font-size:18px;line-height:1.5;margin:0;color:#ddd}
@media(max-width:600px){.quiz.analyzing{border-radius:25px}.analysis-screen{padding:30px 20px}.analysis-ring{width:125px;height:125px;margin-bottom:27px}.analysis-percent{font-size:34px}.analysis-screen h1{font-size:32px}.analysis-description{font-size:16px;margin-bottom:27px}.analysis-tasks li{padding:15px;font-size:15px;gap:12px}.expert-card{padding:18px;gap:16px;flex-wrap:wrap}.expert-card img{width:96px;height:120px}.expert-card h2{font-size:17px}.expert-card p{font-size:15px}}
.subtitle{color:#aaa;font-size:18px;line-height:1.5;margin:-12px 0 29px}
#question-title:focus{outline:none}
.name-stage{padding:170px 42px 48px}
.text-stage{padding:118px 42px 48px}
.text-stage h1{font-size:52px;line-height:1.15;margin:24px 0}
.text-stage .subtitle{font-size:21px;line-height:1.55;margin:0 0 40px}
@media(max-width:600px){.text-stage{padding:65px 20px 32px}.text-stage h1{font-size:clamp(32px,8.5vw,44px)}.text-stage .subtitle{font-size:17px;margin-bottom:30px}}
.name-stage h1{font-size:52px;line-height:1.15;margin:24px 0}
.name-stage .subtitle{font-size:21px;line-height:1.55;margin:0 0 40px}
.name-form{display:grid;gap:20px}
.name-form input{width:100%;min-width:0;min-height:86px;padding:23px 26px;background:#141414;color:#fff;border:1px solid #c83e43;border-radius:17px;font:700 22px Arial,Helvetica,sans-serif;caret-color:#fff}
.name-form input::placeholder{color:#666;opacity:1}
.name-form input:focus{outline:2px solid #ff606460;outline-offset:1px;border-color:var(--accent)}
.continue{display:flex;justify-content:center;align-items:center;gap:15px;min-height:85px;border:1px solid #c83e43;border-radius:17px;background:#c83e43;color:#fff;font-size:22px;font-weight:700;box-shadow:0 20px 40px #90171822}
.continue:disabled{background:#141414;color:#555;border-color:#2c2c2c;cursor:not-allowed}
.continue:not(:disabled):hover{background:#e34b51}
@media(max-width:600px){.name-stage{padding:90px 20px 32px}.name-stage h1{font-size:clamp(32px,8.5vw,44px)}.name-stage .subtitle{font-size:17px;margin-bottom:30px}.name-form input{min-height:76px;font-size:18px;padding:20px 18px}.continue{min-height:76px;font-size:18px}}
@media(max-width:600px){.back{width:42px;height:42px;left:13px;top:15px}.back svg{width:23px;height:23px}.subtitle{font-size:15px;margin:-10px 0 25px}}

body.vsl-mode{background:#fbf9f8;color:#171717;padding:22px 16px}
.quiz.showing-vsl{max-width:440px;border:0;border-radius:0;background:transparent;overflow:visible}
.diagnosis-card{padding:25px 24px;border:1px solid #ffc2c2;border-radius:22px;background:#fff;box-shadow:0 20px 45px #44232308}
.diagnosis-label{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#e92329}
.diagnosis-label>span:first-child::before{content:'';display:inline-block;width:8px;height:8px;margin-right:8px;background:#e92329;border-radius:50%}
.diagnosis-name{color:#555;letter-spacing:0;max-width:100px;overflow-wrap:anywhere}
.diagnosis-card h1{font:800 40px/.98 Arial,Helvetica,sans-serif;letter-spacing:-1.7px;color:#e92329;margin:20px 0}
.diagnosis-card p{font-size:16px;line-height:1.65;margin:0;overflow-wrap:anywhere}
#diagnosis-title:focus{outline:none}
.vsl-content{padding:25px 20px 0}
.vsl-headline{font-size:23px;line-height:1.2;letter-spacing:.2px;margin:18px 0 22px;font-weight:800}
.vsl-headline>span{color:#e92329;text-decoration:underline;text-underline-offset:3px}
.video-frame{position:relative;aspect-ratio:9/16;background:#101010;overflow:hidden}
.vsl-video{width:100%;height:100%;display:block;object-fit:contain}
.video-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;color:#ddd;background:linear-gradient(140deg,#15212b,#090d12)}
.video-placeholder svg{width:68px;height:68px;color:#e92329}
.video-placeholder p{font-size:17px;line-height:1.5}
.video-progress{position:absolute;bottom:0;left:0;width:100%;height:10px;background:#ffffff30;pointer-events:none}
.video-progress span{display:block;height:100%;width:0;background:#c82b2d}
.video-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0;color:#222;font-size:13px}
.video-controls button{background:#fff;color:#222;border:1px solid #ccc;border-radius:6px;padding:9px 12px}
.video-controls button:disabled{opacity:.6;cursor:default}
.volume-label{display:flex;align-items:center;gap:8px}
.video-volume{width:85px;accent-color:#c82b2d}
.vsl-cta{display:block;width:100%;margin:22px 0;background:#4a9025;color:#fff;border:0;border-radius:7px;padding:20px 16px;font-size:20px;font-weight:800;line-height:1.4;text-align:center;box-shadow:3px 4px 5px #0004;animation:cta-pulse 1.5s ease-in-out infinite}
@keyframes cta-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025);box-shadow:0 0 0 7px #4a90251a,3px 4px 5px #0004}}
.showing-vsl footer{display:none}
.purchase-notifications{margin:0 0 20px;min-height:100px}
.purchase-notifications.before-cta{margin-top:22px}
.purchase-toast{padding:16px 18px;background:#fff;border:1px solid #bcc9db;border-left:4px solid #4a9025;border-radius:7px;box-shadow:0 5px 16px #00000012;color:#202124;text-align:left;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease,visibility .3s}
.purchase-notifications.is-visible .purchase-toast{opacity:1;visibility:visible;transform:translateY(0)}
.purchase-notifications p{margin:0}
.purchase-title{font-size:16px;font-weight:800;line-height:1.4}
.purchase-title span{color:#468b29}
.purchase-person{font-size:14px;color:#555;line-height:1.5;margin-top:4px!important;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.purchase-toast{transition:none;transform:none}}
.checkout-status,.video-error{font-size:14px;line-height:1.5;text-align:center;color:#555}
@media(max-width:420px){.diagnosis-card{padding:23px 20px}.diagnosis-card h1{font-size:36px}.vsl-content{padding:20px 6px 0}.vsl-headline{font-size:21px}.vsl-cta{font-size:18px}}
@media(prefers-reduced-motion:reduce){.vsl-cta{animation:none}}