:root{
  --bg:#f4f6f4;--card:#ffffff;--text:#1d2521;--muted:#6b756f;
  --accent:#4f7d70;--accent2:#dce8e3;--border:#d8dedb;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);font-family:Inter,Arial,sans-serif;color:var(--text)}
.mvl-shell{max-width:860px;margin:0 auto;padding:28px 16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.hidden{display:none}
.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--accent);margin-bottom:10px}
h1{font-size:clamp(32px,5vw,52px);line-height:1.04;margin:0 0 18px}
h2{font-size:clamp(25px,4vw,38px);line-height:1.12;margin:10px 0 24px}
h3{margin:0 0 8px;font-size:18px}
p{line-height:1.6}
.lead{font-size:22px;font-weight:700}
.lead-small{font-size:18px}
.fine{font-size:12px;color:var(--muted);margin-top:18px}
.primary,.secondary{border:none;border-radius:12px;padding:14px 20px;font-weight:700;font-size:16px;cursor:pointer}
.primary{background:var(--accent);color:#fff}
.primary:disabled{opacity:.4;cursor:not-allowed}
.secondary{background:#edf1ef;color:var(--text)}
.progress-wrap{margin-bottom:32px}.progress-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:8px}
.progress{height:9px;background:#e7ece9;border-radius:99px;overflow:hidden}.progress>div{height:100%;background:var(--accent);width:0;transition:.2s}
.scale-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;gap:10px}
.scale{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin:12px 0 26px}
.scale button{aspect-ratio:1/1;border:1px solid var(--border);background:#fff;border-radius:10px;cursor:pointer;font-weight:700}
.scale button.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.quiz-nav{display:flex;justify-content:space-between;gap:12px}
.field{display:flex;flex-direction:column;gap:6px;margin:14px 0}.field input{padding:14px;border:1px solid var(--border);border-radius:10px;font-size:16px}
.consent{display:block;font-size:13px;line-height:1.45;margin:12px 0;color:#4d5752}.error{color:#a33;font-size:13px}
.score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}
.score-card,.result-box{border:1px solid var(--border);border-radius:14px;padding:18px}
.score-title{font-weight:700}.score-value{font-size:34px;font-weight:800;margin:6px 0}
.bar{height:9px;background:#edf1ef;border-radius:99px;overflow:hidden}.bar div{height:100%;background:var(--accent)}
.big-number{font-size:54px;font-weight:800;color:var(--accent)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.accent{background:var(--accent2)}
.cta-box{margin-top:20px;padding:24px;border-radius:14px;background:#1f2a25;color:#fff}
.link-btn{display:inline-block;text-decoration:none;margin-top:8px}
@media(max-width:640px){.card{padding:22px}.scale{grid-template-columns:repeat(5,1fr)}.score-grid,.two-col{grid-template-columns:1fr}}

.status{font-size:13px;color:var(--muted);min-height:1.2em}
.consent a{color:var(--accent);font-weight:700}
button.loading{opacity:.65;pointer-events:none}