:root {
  --ink:#132238; --muted:#657184; --paper:#f4f6f8; --card:#fff; --line:#dfe4ea;
  --accent:#e86e48; --accent-dark:#c7502f; --blue:#315f8c; --good:#23815f;
  --warn:#c98b16; --bad:#c64d4d; --shadow:0 18px 48px rgba(19,34,56,.10);
}
*{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}
button,input,select{font:inherit} button{cursor:pointer}.app-shell{min-height:100vh}
.topbar{height:8px;background:linear-gradient(90deg,var(--ink),var(--blue),var(--accent))}
.wrap{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}
.start{min-height:calc(100vh - 8px);display:grid;place-items:center}.start-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--accent-dark);font-size:.78rem}.start h1{font-size:clamp(2.35rem,6vw,5.5rem);line-height:.95;letter-spacing:-.055em;margin:.55rem 0 1.25rem;max-width:760px}.lead{font-size:1.15rem;color:var(--muted);max-width:680px}
.route{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.route span{padding:7px 11px;background:#e8edf2;color:var(--ink);font-size:.86rem;font-weight:650}
.panel{background:var(--card);box-shadow:var(--shadow);padding:28px}.panel h2{margin:0 0 18px;font-size:1.25rem}.field{display:grid;gap:7px;margin:14px 0}.field label{font-weight:650;font-size:.9rem}.field input,.field select{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);padding:12px 13px;outline:none}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,95,140,.12)}
.btn{border:0;background:var(--ink);color:#fff;padding:13px 18px;font-weight:750;min-height:48px}.btn:hover{background:#213a5b}.btn-accent{background:var(--accent)}.btn-accent:hover{background:var(--accent-dark)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:#edf1f5}.btn:disabled{opacity:.45;cursor:not-allowed}
.quiz-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:18px}.quiz-head h1{font-size:clamp(1.65rem,3vw,2.7rem);line-height:1.08;margin:6px 0}.counter{font-weight:800;font-size:1.1rem}.progress{height:8px;background:#dfe5eb;overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:width .28s ease}.station-meta{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.9rem;margin:9px 0 22px}
.question-list{display:grid;gap:12px}.question{background:var(--card);border-left:4px solid transparent;padding:18px 20px;display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:20px;align-items:center}.question.answered{border-left-color:var(--accent)}.question p{margin:0;font-weight:600}.choices{display:flex;gap:8px}.choice{border:1px solid var(--line);background:#f8fafb;color:var(--ink);padding:9px 12px;min-width:92px;font-weight:650}.choice:hover{border-color:#9fb0c1}.choice.selected{background:var(--ink);border-color:var(--ink);color:#fff}.quiz-actions{display:flex;justify-content:space-between;gap:14px;margin-top:22px}
.result-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.result-head h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1;margin:.5rem 0}.score-ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--score)*1%),#dfe5eb 0);position:relative}.score-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--paper)}.score-ring strong{position:relative;z-index:1;font-size:2.5rem}.score-ring small{position:relative;z-index:1;color:var(--muted);display:block;text-align:center;margin-top:-18px}
.result-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;margin-top:26px}.result-card{background:var(--card);padding:24px;box-shadow:0 10px 30px rgba(19,34,56,.07)}.result-card h2{margin:0 0 16px;font-size:1.15rem}.radar{width:100%;height:auto;display:block}.legend-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.legend-row:last-child{border:0}.legend-row strong{font-variant-numeric:tabular-nums}.status{display:inline-block;padding:6px 9px;font-weight:750;font-size:.8rem}.critical{color:#8e2424;background:#f9dddd}.growth{color:#80570b;background:#fff0c8}.system{color:#145f46;background:#dbf2e8}.strong{color:#244e7a;background:#deebf8}
.actions{margin-top:24px}.action-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.action{background:var(--card);padding:20px;border-top:4px solid var(--accent)}.action .num{font-size:.8rem;color:var(--muted);font-weight:800}.action h3{margin:8px 0;font-size:1.05rem}.action p{margin:0;color:var(--muted);font-size:.92rem}.why{margin-top:24px;padding:20px;background:var(--ink);color:#fff}.why strong{color:#ffb08f}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
@media(max-width:820px){.start-grid,.result-grid{grid-template-columns:1fr}.start{display:block}.start h1{font-size:3rem}.question{grid-template-columns:1fr}.choices{display:grid;grid-template-columns:repeat(3,1fr)}.choice{min-width:0}.result-head{grid-template-columns:1fr}.score-ring{width:126px;height:126px}.action-list{grid-template-columns:1fr}.quiz-head{grid-template-columns:1fr}.counter{justify-self:start}}
@media(max-width:480px){.wrap{width:min(100% - 20px,1120px);padding-top:20px}.panel{padding:20px}.choices{grid-template-columns:1fr}.choice{text-align:left}.quiz-actions{flex-direction:column-reverse}.quiz-actions .btn{width:100%}.start h1{font-size:2.55rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}