:root{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#172033;background:#0f2a55
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:linear-gradient(135deg,#0f2a55,#173f78)}
.page{min-height:100vh;display:grid;place-items:center;padding:24px}
.card{
  width:min(760px,100%);background:#fff;border-radius:18px;padding:34px;
  box-shadow:0 20px 50px rgba(0,0,0,.28)
}
.header{text-align:center;margin-bottom:22px}
.header img{height:64px;width:auto}
.header h1{font-size:1.55rem;line-height:1.25;margin:12px 0 4px}
.header p{margin:0;color:#667085}
.intro{text-align:center;color:#475467;margin:0 auto 22px;max-width:620px}
form{max-width:460px;margin:auto}
label{display:block;text-align:center;font-weight:700;margin-bottom:8px}
input{
  width:100%;padding:15px;border:1.5px solid #cfd5df;border-radius:12px;
  font:inherit;font-size:1.12rem;text-align:center;letter-spacing:2px
}
input:focus{outline:3px solid rgba(4,120,87,.15);border-color:#047857}
button{
  width:100%;border:0;border-radius:12px;padding:14px 16px;margin-top:14px;
  background:#047857;color:#fff;font:inherit;font-weight:800;cursor:pointer
}
button:hover{background:#036a4d}
button:disabled{opacity:.65;cursor:wait}
button:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.privacy{font-size:.86rem;color:#667085;text-align:center;margin:10px auto 0;max-width:540px}
.status{min-height:1.6em;text-align:center;margin-top:18px;color:#475467}
.result{
  margin-top:18px;padding:22px;border:1px solid #dfe4ea;border-radius:14px;
  background:#f8fafc;text-align:center
}
.result dl{margin:0}
.result dl div{margin:12px 0}
.result dt{font-weight:700;color:#475467}
.result dd{margin:3px 0 0;font-size:1.08rem}
.pass{color:#166534;font-weight:900}
.fail{color:#991b1b;font-weight:900}
.print-btn{background:#1d4ed8;margin-top:18px}
.print-btn:hover{background:#1e40af}
.error{color:#991b1b;font-weight:700}
footer{text-align:center;color:#667085;font-size:.82rem;margin-top:28px}
.print-sheet{display:none}
@media(max-width:600px){.page{padding:12px}.card{padding:24px 18px}.header h1{font-size:1.28rem}}
@media print{
  body{background:#fff;color:#111}
  .page{display:none!important}
  .print-sheet{
    display:block!important;
    margin:30mm 22mm;
    font-family:"Times New Roman",serif;
    color:#111
  }
  .print-sheet h2{text-align:center;text-transform:uppercase;margin-bottom:4px}
  .print-sheet>p:first-of-type{text-align:center;margin-top:0}
  .print-sheet dl{margin-top:28px}
  .print-sheet dl div{display:grid;grid-template-columns:180px 1fr;margin:10px 0}
  .print-sheet dt{font-weight:bold}
  .print-sheet dd{margin:0;text-transform:uppercase}
  .print-date{text-align:right;margin-top:40px}
  .print-note{margin-top:45px;border-top:1px solid #999;padding-top:10px;font-size:12px}
}