:root{--bg:#f3f6f8;--card:#fff;--text:#17313b;--muted:#667985;--line:#d9e2e7;--brand:#0b6b75;--brand2:#0f8590;--danger:#a83232;--ok:#2d7a46;--warn:#9b6a12;--shadow:0 8px 28px rgba(31,54,64,.08)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans",sans-serif;background:var(--bg);color:var(--text)}body{margin:0}.site-header{min-height:76px;padding:14px max(22px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{font-size:26px;font-weight:800;letter-spacing:.08em;color:var(--brand)}.brand-sub{font-size:12px;color:var(--muted)}.admin-nav{display:flex;gap:18px;flex-wrap:wrap}.admin-nav a{color:var(--text);text-decoration:none;font-size:14px}.container{max-width:1120px;margin:0 auto;padding:28px 22px 60px}.footer{text-align:center;color:var(--muted);font-size:12px;padding:22px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:26px;margin-bottom:22px}.hero{padding:34px}.hero h1,.page-title h1{margin:.25rem 0 .7rem;font-size:clamp(28px,4vw,44px);line-height:1.08}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--brand)}.muted{color:var(--muted)}.language-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.language-links a,.button{border:1px solid var(--line);border-radius:10px;padding:9px 13px;text-decoration:none;color:var(--text);background:#fff}.form-card{max-width:800px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:minmax(280px,.7fr) minmax(0,1.5fr);align-items:start}label{display:block;font-size:14px;font-weight:700;margin-bottom:14px}input,select,textarea{width:100%;margin-top:7px;border:1px solid #bac7cf;border-radius:10px;padding:12px 13px;font:inherit;background:#fff;color:var(--text)}textarea{resize:vertical;min-height:150px}input:focus,select:focus,textarea:focus{outline:3px solid rgba(15,133,144,.16);border-color:var(--brand2)}button,.button{font:inherit;font-weight:750;cursor:pointer}.primary,.danger,.secondary{border:0;border-radius:10px;padding:12px 18px}.primary{background:var(--brand);color:#fff}.primary:hover{background:var(--brand2)}.secondary{background:#e9eff2;color:var(--text)}.danger{background:var(--danger);color:#fff}.alert{border-radius:12px;padding:14px 16px;margin:0 0 20px;border:1px solid}.alert.error{background:#fff1f1;border-color:#e0b8b8;color:#7c2525}.alert.success{background:#eef8f1;border-color:#b7d9c2;color:#255f37}.alert.warning{background:#fff8e8;border-color:#ead3a0;color:#6f4c0e}.test-top{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:88px;z-index:10}.timer-wrap{text-align:right}.timer-wrap span{display:block;color:var(--muted);font-size:12px}.timer-wrap strong{font-size:27px;font-variant-numeric:tabular-nums}.timer-wrap strong.urgent{color:var(--danger)}.progress{height:8px;background:#dce5e9;border-radius:999px;overflow:hidden;margin:-8px 0 24px}.progress>div{height:100%;width:5%;background:var(--brand);transition:width .2s ease}.question-card{min-height:440px}.question-meta{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--brand);font-weight:800;margin-bottom:12px}.question-card h2{font-size:24px;line-height:1.35;margin:0 0 22px}.options{display:grid;gap:12px}.option{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:15px;font-weight:500;cursor:pointer;margin:0}.option:hover{border-color:#9eb5bf;background:#f9fbfc}.option input{width:auto;margin:3px 0 0;flex:0 0 auto}.question-error{color:var(--danger);font-weight:700;margin-top:12px}.nav-row{display:flex;justify-content:flex-end;gap:12px}.nav-row #prevBtn{margin-right:auto}.result-card{text-align:center;max-width:700px;margin:50px auto}.success-mark{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#e6f5eb;color:var(--ok);font-size:40px;font-weight:900}.reference{margin:24px auto 0;padding:14px;border-radius:10px;background:#f3f6f8;max-width:420px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:0 0 22px}.page-title p{margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.stat{margin:0;padding:20px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;font-size:30px;margin-top:4px}.table-card{overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.pill{display:inline-block;border-radius:999px;padding:4px 8px;background:#eef2f4;font-size:12px}.pill.ok{background:#e8f5ec;color:var(--ok)}.pill.bad{background:#faeded;color:var(--danger)}.narrow{max-width:560px;margin:36px auto}.inline-form{display:inline}.link-button{border:0;background:none;color:var(--brand);padding:0}.code-big{font-size:15px;font-weight:800}.review-item{padding:20px 0;border-top:1px solid var(--line)}.review-item:first-of-type{border-top:0}.review-head{display:flex;justify-content:space-between;gap:18px}.answer-box{background:#f6f8f9;border:1px solid var(--line);border-radius:10px;padding:14px;margin:12px 0;white-space:normal}.rubric{font-size:14px;background:#eef7f8;border-left:4px solid var(--brand);padding:12px 14px;margin:12px 0 18px}details{margin:8px 0}.button.primary{display:inline-block}.button.secondary{display:inline-block;background:#e9eff2;border:0}
@media(max-width:760px){.site-header{position:static}.admin-nav{display:none}.container{padding:18px 14px 44px}.card{padding:20px;border-radius:13px}.grid.two,.admin-grid,.stats{grid-template-columns:1fr}.test-top{top:8px}.question-card{min-height:400px}.question-card h2{font-size:21px}.page-title{align-items:flex-start;flex-direction:column}.nav-row{position:sticky;bottom:0;background:rgba(243,246,248,.96);padding:10px 0}.nav-row button{flex:1}.nav-row #prevBtn{margin-right:0}}