.apx-verify__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:900px){.apx-verify__in{grid-template-columns:minmax(0,1fr)}}
.apx-verify__form{display:grid;gap:16px;padding:clamp(20px,3vw,32px);border-radius:var(--r-l,24px);background:var(--paper-2,#fff);border:1px solid var(--line-light,#dce2ee)}
.apx-verify__form label{display:block;font-weight:700;margin-bottom:6px}
.apx-verify__form input{width:100%;min-height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--line-light,#dce2ee);font:500 17px/1 var(--f-mono,ui-monospace,monospace);letter-spacing:.04em;background:#fff;color:#05070f}
.apx-verify__form input:focus{outline:3px solid rgba(4,97,255,.35);border-color:#0461FF}
.apx-verify__form .apx-btn{justify-self:start}
.apx-vcard{padding:clamp(20px,3vw,32px);border-radius:var(--r-l,24px);border:1px solid var(--line-light,#dce2ee);background:#fff}
.apx-vcard__state{margin:0 0 14px;font-weight:800;font-size:clamp(20px,2vw,26px)}
.apx-vcard.is-valid{border-color:#12b76a;box-shadow:0 20px 60px -30px rgba(18,183,106,.45)}.apx-vcard.is-valid .apx-vcard__state{color:#05603a}
.apx-vcard.is-revoked{border-color:#f04438}.apx-vcard.is-revoked .apx-vcard__state{color:#b42318}
.apx-vcard.is-superseded{border-color:#6172f3}.apx-vcard.is-superseded .apx-vcard__state{color:#3538cd}
.apx-vcard.is-missing .apx-vcard__state{color:#344054}
.apx-vcard dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 20px;margin:0}
.apx-vcard dt{color:#4a5570}.apx-vcard dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.apx-vcard p{margin:0 0 10px;line-height:1.6}
/* 1.2.0: verified result as a certificate card, matching the printed certificate */
.apx-vcert{display:grid;grid-template-columns:96px minmax(0,1fr);padding:0;overflow:hidden;border-color:#12b76a}
.apx-vcert__band{position:relative;background:radial-gradient(120% 60% at 50% 35%,rgba(92,151,255,.7),transparent 70%),linear-gradient(170deg,#0B47E0,#0A33B8 55%,#06227E);border-right:2px solid #C49A2C}
.apx-vcert__band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12px 18px,rgba(220,231,255,.9),transparent 60%),radial-gradient(1px 1px at 60px 70px,rgba(220,231,255,.7),transparent 60%),radial-gradient(1.4px 1.4px at 34px 120px,rgba(220,231,255,.8),transparent 60%);background-size:96px 150px}
.apx-vcert__mark{position:absolute;left:50%;top:28px;width:52px;height:52px;transform:translateX(-50%);background:#fff;-webkit-mask:linear-gradient(#000 0 0) center/100% 100%,radial-gradient(circle,#000 1px,transparent 1.6px) 0 0/4px 4px;-webkit-mask-composite:source-in;mask:radial-gradient(circle,#000 1px,transparent 1.6px) 0 0/4px 4px;clip-path:polygon(50% 0,100% 100%,62% 100%,62% 70%,38% 70%,38% 100%,0 100%);filter:drop-shadow(0 0 4px rgba(190,214,255,1))}
.apx-vcert__rings{position:absolute;left:50%;top:86px;width:70px;height:16px;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(207,224,255,.8);box-shadow:0 0 0 6px rgba(207,224,255,.12),0 0 0 12px rgba(207,224,255,.06)}
.apx-vcert__body{padding:clamp(20px,3vw,32px)}
.apx-vcert .apx-vcard__state{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.6vw,20px)}
.apx-vcert__tick{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#12b76a;color:#fff;font-size:15px}
.apx-vcert__label{margin:6px 0 0!important;font:500 11px/1 var(--f-mono,ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;color:#55637D}
.apx-vcert__name{margin:6px 0 16px!important;font-family:var(--f-display,inherit);font-weight:700;font-size:clamp(24px,2.6vw,34px);line-height:1.1;letter-spacing:-.02em;background:linear-gradient(100deg,#06227E,#0461FF);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:4px;border-bottom:2px solid;border-image:linear-gradient(90deg,#0461FF,rgba(157,192,255,0)) 1}
.apx-vcert dl{display:flex;flex-wrap:wrap;gap:14px 28px}
.apx-vcert dl div{display:grid;gap:4px}
.apx-vcert dt{font:500 11px/1 var(--f-mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;color:#55637D}
.apx-vcert dd{font-size:16px}
.apx-vcert__foot{margin:18px 0 0!important;font-size:13px;color:#475672}
@media (max-width:520px){.apx-vcert{grid-template-columns:64px minmax(0,1fr)}.apx-vcert__mark{width:36px;height:36px}.apx-vcert__rings{width:48px;top:70px}}
