:root{font-family:Inter,Arial,sans-serif;color:#10231c;background:#f5f8f5}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;padding:28px 18px;display:grid;place-items:center;gap:20px}header,footer{width:min(100%,640px);display:flex;align-items:center;gap:12px}header img{width:56px;height:56px;object-fit:contain}header strong,header span{display:block}header strong{font-size:20px}header span,footer,.muted{color:#64748b;font-size:13px}.card{width:min(100%,640px);background:#fff;border:1px solid #e4ece6;border-radius:28px;padding:clamp(28px,7vw,52px);box-shadow:0 20px 52px #10231c1c}.mark{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;color:#fff;font-weight:900;font-size:27px}.valid{background:#169554}.expired{background:#c88112}.revoked,.error{background:#d14343}.eyebrow{margin:25px 0 8px;color:#169554;font-size:11px;font-weight:900;letter-spacing:.12em}h1{margin:0 0 12px;font-size:clamp(27px,6vw,42px);line-height:1.08}p{color:#53645c;line-height:1.65}dl{margin:30px 0;border-top:1px solid #e8eeea}dl div{display:grid;grid-template-columns:minmax(120px,.9fr) 1.5fr;gap:14px;padding:14px 0;border-bottom:1px solid #e8eeea}dt{color:#718078;font-size:13px}dd{margin:0;font-weight:750;word-break:break-word}aside{padding:15px;border-radius:16px;background:#eff8e5;color:#365321;font-size:13px;line-height:1.5}footer{justify-content:center}a{color:#167447;font-weight:750}@media(max-width:450px){dl div{grid-template-columns:1fr;gap:4px}}