:root{--blue:#0b5cad;--ink:#1d2733;--muted:#5b6673;--line:#d5dce4;--bg:#f4f7fa;--err:#b3261e}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:var(--bg)}
.bar{background:#000;color:#fff;padding:20px 24px;display:flex;gap:16px;align-items:center;justify-content:space-between}
.logo-link{display:block;line-height:0;max-width:70%}
.logo{height:64px;width:auto;max-width:100%;display:block}.sub{font-size:16px;white-space:nowrap}
@media (max-width:600px){.bar{padding:16px 14px;gap:10px}.logo-link{max-width:68%}.logo{height:41px}.sub{font-size:12px}}
@media (max-width:340px){.sub{display:none}}
.card{max-width:560px;margin:16px auto;padding:20px 16px;background:#fff;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.12)}
.screen[hidden],[hidden]{display:none!important}
h1{font-size:22px;line-height:1.25;margin:0 0 12px;color:var(--blue)}
p{margin:8px 0}
.muted{color:var(--muted)}.small{font-size:13px}
.facts{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:14px 0;padding:12px;background:var(--bg);border-radius:8px}
.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:700;word-break:break-word}
fieldset{border:1px solid var(--line);border-radius:8px;margin:16px 0;padding:12px}
legend{padding:0 6px;font-weight:700}
label{display:block;margin:10px 0 0;font-size:14px;color:var(--muted)}
input[type=text],input:not([type]),input[type=tel]{display:block;width:100%;margin-top:4px;padding:12px;font-size:16px;border:1px solid #9aa6b2;border-radius:6px;color:var(--ink)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.check{display:flex;gap:10px;align-items:flex-start;color:var(--ink);font-size:16px;margin:14px 0}
.check input{width:24px;height:24px;margin:2px 0 0;flex:none}
details{margin:16px 0;border:1px solid var(--line);border-radius:8px;padding:10px 12px}
summary{cursor:pointer;font-weight:700;padding:6px 0}
.cert p{margin:4px 0}
.certhead{font-weight:700}
.pad-wrap{border:2px dashed #9aa6b2;border-radius:8px;background:#fff}
#pad{display:block;width:100%;height:190px;touch-action:none;cursor:crosshair}
.btn{display:inline-block;font:inherit;font-weight:700;text-align:center;text-decoration:none;border-radius:8px;padding:14px 20px;border:0;cursor:pointer;min-height:48px}
.btn.primary{width:100%;background:var(--blue);color:#fff;margin-top:8px}
.btn.primary:disabled{background:#9db8d3;cursor:not-allowed}
.btn.secondary{background:#e8f0f8;color:var(--blue);border:1px solid var(--blue)}
.btn.link{background:none;color:var(--blue);padding:8px 0;min-height:0;text-decoration:underline}
.error{color:var(--err);font-weight:700;background:#fdecea;padding:10px 12px;border-radius:6px}
.promo{margin-top:24px;padding:12px 14px;background:var(--bg);border-radius:8px;border:1px solid var(--line)}
.foot{text-align:center;color:var(--muted);font-size:13px;padding:8px 0 28px}