/* Перевірка сертифіката: поверх test.css (ті самі кольори й шрифти) */
.hero{padding:36px 0 4px}
.h1{font:600 30px/1.2 Lora,Georgia,serif;margin:0 0 10px}
.codeform{max-width:420px}
.codeform input{font:600 22px/1.2 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.codeform .btn{width:100%;margin-top:6px}
.msg{color:var(--bad);font-size:14px;margin:6px 0 0}

.verdict{text-align:center;padding:30px 22px 26px}
.verdict .mark{width:58px;height:58px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;font:700 30px/1 Inter,sans-serif}
.verdict.ok .mark{background:var(--ok-bg);color:var(--ok)}
.verdict.bad .mark{background:var(--bad-bg);color:var(--bad)}
.verdict h1{font:600 26px/1.2 Lora,Georgia,serif;margin:4px 0 6px}
.verdict .what{font-weight:600;color:var(--brand);margin:0}
.verdict .ev{font:500 italic 17px/1.4 Lora,Georgia,serif;color:var(--ink2);margin:8px auto 0;max-width:560px}
.facts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:18px 0 20px}
.facts div{min-width:90px}
.facts dt{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.facts dd{margin:2px 0 0;font-weight:600}
.btn.dl{min-width:260px;text-decoration:none}
.hint{font-size:13px;color:var(--muted);max-width:420px;margin:12px auto 0}

.sheetbox{margin:0 0 30px}
.paper{position:relative;overflow:hidden;border-radius:6px;box-shadow:0 2px 14px rgba(22,35,58,.14);background:#fff}
.paper iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;pointer-events:none}
/* інші сертифікати людини за захід */
.others{margin:22px auto 0;padding-top:18px;border-top:1px solid var(--line);max-width:420px}
.others p{margin:0 0 10px;color:var(--muted);font-size:14px}
.others .btn{display:flex;width:100%;margin-top:8px;text-decoration:none;padding:12px 18px;font-size:15px}