:root{
  --bg:#17080e;--card:#fffdf9;--ink:#271821;--muted:#76656d;--line:#ead4bc;
  --accent:#741637;--accent2:#c99739;--soft:#f7ead7;--gold:#e4b95b;--ok:#275d4a;--warn:#835c1e;
  --radius:24px;--shadow:0 16px 44px rgba(54,31,48,.10);
}
*{box-sizing:border-box} body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(211,151,49,.18),transparent 28%),radial-gradient(circle at 88% 22%,rgba(126,20,57,.5),transparent 34%),linear-gradient(145deg,#12070b,#310b19 55%,#15080e);background-attachment:fixed;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink)}
a{color:inherit}.shell{max-width:960px;margin:auto;padding:24px 18px 64px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.brand{font-weight:900;letter-spacing:.3px;color:#fff;text-decoration:none}.brand span{color:var(--gold)}.topLinks{display:flex;align-items:center;gap:8px}.back,.homeLink{font-size:14px;color:#f8dfae;text-decoration:none;border:1px solid rgba(228,185,91,.42);border-radius:999px;padding:8px 12px;background:rgba(80,10,31,.55);transition:.2s}.back:hover,.homeLink:hover{color:#fff;border-color:var(--gold);transform:translateY(-1px)}
.hero,.card{background:rgba(255,253,249,.97);border:1px solid var(--line);box-shadow:0 18px 48px rgba(0,0,0,.24);border-radius:var(--radius)}
.hero{padding:30px;position:relative;overflow:hidden}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:var(--accent);font-weight:900}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,5vw,48px);line-height:1.05;margin:10px 0 12px}
.hero p{font-size:17px;line-height:1.55;color:var(--muted);margin:0}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.pill{display:inline-block;background:var(--soft);color:var(--accent);font-weight:800;padding:8px 12px;border-radius:999px;font-size:13px}
.testsHero{color:#fff;background:linear-gradient(135deg,rgba(66,8,27,.98),rgba(122,22,55,.96));border-color:rgba(228,185,91,.7)}.testsHero .kicker,.testsHero h1{color:#fff}.testsHero h1 em{color:var(--gold)}.testsHero p{color:#f2dfe5;max-width:650px}.heroGlow{position:absolute;right:8%;top:4%;font-size:120px;color:rgba(228,185,91,.18);filter:drop-shadow(0 0 18px rgba(228,185,91,.45));animation:glowPulse 3.8s ease-in-out infinite}
.testHero{display:grid;grid-template-columns:132px 1fr;gap:24px;align-items:center}.testHeroVisual{width:118px;height:118px;border-radius:28px;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#fff8dc,#e5b85a 48%,#7b1536 50%,#310a1a);border:2px solid var(--gold);box-shadow:0 12px 30px rgba(77,12,36,.24),inset 0 0 0 7px rgba(255,255,255,.25);animation:gentleFloat 4s ease-in-out infinite}.testHeroVisual span{font-size:58px;filter:drop-shadow(0 5px 6px rgba(0,0,0,.2))}.testHero .start,.testHero .note{grid-column:1/-1}
.start,.primary,.secondary{border:0;border-radius:16px;font-weight:800;font-size:16px;padding:15px 18px;cursor:pointer}
.start,.primary{background:var(--accent);color:white}.start{width:100%;margin-top:22px}.secondary{background:var(--soft);color:var(--accent)}
.progressWrap{margin:18px 0}.progressMeta{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:8px}.progress{height:8px;background:#eadfe6;border-radius:99px;overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:.25s}
.card{padding:28px;margin-top:18px}.qno{color:var(--accent);font-weight:800;font-size:13px}.question{font-size:24px;line-height:1.32;font-weight:800;margin:8px 0 20px}
.answers{display:grid;gap:10px}.answer{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 16px;font-size:15px;cursor:pointer;transition:.15s}
.answer:hover{border-color:var(--accent2);transform:translateY(-1px)}.answer.selected{background:var(--soft);border-color:var(--accent);font-weight:700}
.nav{display:flex;gap:10px;justify-content:space-between;margin-top:18px}.nav button{flex:1}.hidden{display:none!important}
.resultTitle{font-size:36px;line-height:1.08;margin:10px 0}.score{font-size:15px;color:var(--muted);margin:8px 0 18px}.resultLead{font-size:20px;line-height:1.5;font-weight:700}.detail{font-size:16px;line-height:1.65;color:#4d464d}
.actionBox{background:var(--soft);border-radius:18px;padding:18px;margin:18px 0}.actionBox b{display:block;color:var(--accent);margin-bottom:6px}
.dimBars{display:grid;gap:12px;margin:22px 0}.dimRow{display:grid;grid-template-columns:1fr auto;gap:7px}.dimRow strong{font-size:14px}.dimRow span{font-size:13px;color:var(--muted)}.bar{grid-column:1/-1;background:#eee7eb;border-radius:99px;height:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:99px}
.share{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.share .wide{grid-column:1/-1}
.note{font-size:12px;line-height:1.5;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:22px}
.quizReview{margin-top:20px}.reviewItem{border-top:1px solid var(--line);padding:14px 0}.correct{color:var(--ok);font-weight:700}.wrong{color:#8b3545;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.testCard{min-height:210px;display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:start;background:linear-gradient(145deg,#fffdf8,#fbf0e5);border:1px solid rgba(228,185,91,.52);border-radius:22px;padding:18px;text-decoration:none;box-shadow:0 12px 28px rgba(0,0,0,.2);transition:.22s}.testCard:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 18px 34px rgba(0,0,0,.28)}.testVisual{width:78px;height:78px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#4e0c25,#851d43);border:1px solid var(--gold);box-shadow:inset 0 0 0 5px rgba(255,255,255,.05),0 8px 18px rgba(64,8,28,.22);transition:.22s}.testVisual span{font-size:37px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.28))}.testCard:hover .testVisual{transform:rotate(-3deg) scale(1.05)}.testCard h3{font-family:Georgia,"Times New Roman",serif;margin:7px 0 8px;font-size:20px;line-height:1.15}.testCard p{color:var(--muted);line-height:1.42;font-size:13px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-weight:900}
@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glowPulse{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:.8;transform:scale(1.04)}}
@media(max-width:700px){.shell{padding:16px 12px 42px}.top{margin-bottom:14px}.topLinks{gap:5px}.back,.homeLink{font-size:12px;padding:7px 9px}.hero,.card{padding:22px}.testsHero{padding-right:58px}.heroGlow{font-size:76px;right:0}.testHero{grid-template-columns:82px 1fr;gap:14px}.testHeroVisual{width:78px;height:78px;border-radius:20px}.testHeroVisual span{font-size:39px}.testHero h1{font-size:29px}.grid{grid-template-columns:1fr;gap:12px}.testCard{min-height:0;grid-template-columns:70px 1fr;padding:14px;gap:13px}.testVisual{width:64px;height:64px;border-radius:18px}.testVisual span{font-size:31px}.testCard h3{font-size:18px}.question{font-size:21px}.share{grid-template-columns:1fr}.share .wide{grid-column:auto}.resultTitle{font-size:31px}}
@media(prefers-reduced-motion:reduce){.heroGlow,.testHeroVisual{animation:none}.testCard,.testVisual{transition:none}}

.medicalWarning{margin:22px 0;padding:18px 20px;border:1px solid #d8c5cd;border-radius:18px;background:#fff7fa;font-size:13px;line-height:1.62;color:#5b4650}
.medicalWarning b{display:block;margin-bottom:7px;color:#7b294b;font-size:14px;text-transform:uppercase;letter-spacing:.4px}