:root{
  --albastru:#006fbd; --albastru-d:#005a9a; --gri:#4d4d4d;
  --ok:#1f9d55; --fail:#d64545; --bg:#f4f6f8; --card:#fff; --line:#e2e6ea;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Open Sans',Arial,sans-serif;color:var(--gri);background:var(--bg);line-height:1.5}
a{color:var(--albastru);text-decoration:none}
.topbar{display:flex;justify-content:space-between;align-items:center;
  background:var(--albastru);color:#fff;padding:12px 20px}
.topbar .brand{color:#fff;font-weight:700;font-size:18px}
.topbar nav a{color:#fff;margin-left:16px}
.topbar .hi{margin-left:16px;opacity:.9}
.container{max-width:860px;margin:24px auto;padding:0 16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;
  padding:24px;margin-bottom:18px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.center{text-align:center}
h1{color:#1a1a1a} h2{color:#1a1a1a}
button,.btn{cursor:pointer;border:0;border-radius:8px;padding:10px 18px;
  background:#e9eef2;color:var(--gri);font-size:15px}
button.primary,.primary{background:var(--albastru);color:#fff;font-weight:600}
button.primary:hover{background:var(--albastru-d)}
button:disabled{opacity:.4;cursor:not-allowed}
label{display:block;margin:12px 0}
input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:15px}
.alert{background:#fde8e8;color:var(--fail);padding:10px;border-radius:8px}
.alert.ok{background:#e6f6ec;color:var(--ok)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.exam-card{display:block;padding:24px;border-radius:12px;color:#fff;background:var(--albastru)}
.exam-card.cat-d{background:#0a8754}
.exam-card.cat-train{background:#3a4a5a}
.exam-card.cat-train h2{font-size:18px}
.grid-train{grid-template-columns:1fr 1fr 1fr}
.exam-card h2{color:#fff;margin:0 0 6px} .exam-card span{opacity:.9;font-size:14px}
@media(max-width:600px){.grid-train{grid-template-columns:1fr}}
.history{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}
.history th,.history td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.ok{color:var(--ok);font-weight:600} .fail{color:var(--fail);font-weight:600}
.quiz-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.timer{font-weight:700;font-size:20px;color:var(--albastru);background:#fff;
  padding:6px 12px;border-radius:8px;border:1px solid var(--line)}
.q-text{font-size:18px;color:#1a1a1a;margin-bottom:16px}
.opt{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);
  border-radius:8px;margin-bottom:10px;cursor:pointer}
.opt:hover{border-color:var(--albastru)} .opt input{width:auto;margin-top:3px}
.nav-buttons{display:flex;justify-content:space-between;align-items:center;margin:16px 0}
.dots{display:flex;flex-wrap:wrap;gap:6px;max-width:60%}
.dot{width:16px;height:16px;border-radius:50%;background:#cfd8df;cursor:pointer}
.dot.answered{background:var(--albastru)} .dot.current{outline:2px solid var(--gri)}
#btn-finish{display:block;width:100%}
.hidden{display:none}
.result-ok h1{color:var(--ok)} .result-fail h1{color:var(--fail)}
.score{font-size:32px;font-weight:700;color:#1a1a1a}
.opt-review{padding:10px;border-radius:6px;margin-bottom:6px;border:1px solid var(--line)}
.opt-review.corect{background:#e6f6ec;border-color:var(--ok)}
.opt-review.gresit{background:#fde8e8;border-color:var(--fail)}
.tag{font-size:12px;padding:2px 8px;border-radius:10px;margin-left:8px}
.tag.ok{background:var(--ok);color:#fff} .tag.bad{background:var(--fail);color:#fff}
.muted{color:#999} .inline-form{display:flex;gap:8px;margin-bottom:16px}
.inline-form input{width:auto;flex:1}
.site-footer{text-align:center;color:#999;padding:24px;font-size:13px}
@media(max-width:600px){.grid{grid-template-columns:1fr}.dots{max-width:100%}}