:root { --kv-green:#78ba51; --kv-green-dark:#5d9a3d; --kv-ink:#1f2937; }
html { scroll-behavior:smooth; }
body { font-family:Arial,sans-serif; }
.test-hero { background:linear-gradient(135deg,#13251b 0%,#315c3b 48%,#78ba51 140%); }
.test-card { background:#fff; border:1px solid #e5e7eb; border-radius:1.25rem; box-shadow:0 10px 30px rgba(17,24,39,.06); }
.answer-option { width:100%; text-align:left; border:2px solid #e5e7eb; border-radius:1rem; padding:1rem 1.1rem; transition:.18s ease; background:#fff; }
.answer-option:hover,.answer-option:focus-visible { border-color:var(--kv-green); background:#f0fdf4; transform:translateY(-1px); outline:none; }
.answer-option.selected { border-color:var(--kv-green); background:#eaf8e4; }
.progress-track { height:.65rem; border-radius:999px; background:#e5e7eb; overflow:hidden; }
.progress-bar { height:100%; width:0; background:var(--kv-green); transition:width .25s ease; }
.category-pill { display:inline-flex; align-items:center; gap:.4rem; border-radius:999px; padding:.35rem .7rem; font-size:.75rem; font-weight:700; background:#eef8e9; color:#3d6e29; }
.test-grid-card { transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.test-grid-card:hover { transform:translateY(-3px); border-color:#b7dca6; box-shadow:0 14px 32px rgba(17,24,39,.09); }
.test-icon { width:3rem;height:3rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:#eef8e9;color:#5d9a3d;font-size:1.25rem; }
.result-badge { width:5rem;height:5rem;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;background:#eef8e9;color:#5d9a3d;font-size:2rem;margin:0 auto; }
.hidden-kv { display:none!important; }
@media (max-width:640px){ .test-card{border-radius:1rem;} }
.answer-option.answer-correct { border-color:#16a34a; background:#f0fdf4; }
.answer-option.answer-wrong { border-color:#dc2626; background:#fef2f2; }
.answer-option:disabled { cursor:default; transform:none; }
.feedback-correct { background:#f0fdf4; border-color:#bbf7d0; }
.feedback-wrong { background:#fef2f2; border-color:#fecaca; }
.topic-chip { display:inline-flex;align-items:center;border-radius:999px;padding:.4rem .75rem;font-size:.8rem;font-weight:700;background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb; }