.cert-shell{--cert-felt:37 54 42;--cert-paper:242 240 226;--cert-paper-deep:233 231 212;--cert-ink:26 43 31;--cert-plate:47 92 66;--cert-muted:84 101 88;--cert-red:158 49 33;--cert-shadow:8 14 10;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:clamp(12px,4vw,44px);background:rgb(var(--cert-felt));color:rgb(var(--cert-ink));font-family:var(--font-ui),ui-sans-serif,system-ui,sans-serif}@media (prefers-color-scheme:dark){.cert-shell{--cert-felt:13 20 15;--cert-paper:228 225 204;--cert-paper-deep:218 215 192;--cert-shadow:0 0 0}}.cert{width:min(1000px,100%);max-width:100%;padding:10px;border-radius:3px;background:rgb(var(--cert-paper));box-shadow:0 30px 80px rgb(var(--cert-shadow)/.5),0 4px 16px rgb(var(--cert-shadow)/.35)}.cert-frame{position:relative;border:2px solid rgb(var(--cert-ink));border-radius:2px;padding:clamp(34px,5vw,46px) clamp(18px,4.5vw,48px) clamp(30px,4vw,36px)}.cert-frame:before{content:"";inset:3px;border:1px solid rgb(var(--cert-plate)/.55);border-radius:1px}.cert-band-slot,.cert-frame:before{position:absolute;pointer-events:none}.cert-band-slot{left:12px;right:12px;height:10px;color:rgb(var(--cert-plate)/.65)}.cert-band-top{top:9px}.cert-band-bottom{bottom:9px}.cert-band{display:block;width:100%}.cert-serial-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:clamp(22px,4vw,36px);font-family:var(--font-audit),ui-monospace,monospace;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--cert-red))}.cert-series{color:rgb(var(--cert-muted))}.cert-body{display:grid;grid-template-columns:264px minmax(0,1fr);gap:clamp(28px,5vw,60px);align-items:center}.cert-vignette{display:grid;gap:16px;justify-items:center;text-align:center}.cert-rosette{width:min(232px,58vw);height:auto;color:rgb(var(--cert-plate))}.cert-rosette .cert-ring{fill:none;stroke:currentColor;stroke-width:.55;stroke-dasharray:1;stroke-dashoffset:1;animation:cert-draw 1.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes cert-draw{to{stroke-dashoffset:0}}.cert-seal-text{font-family:var(--font-audit),ui-monospace,monospace;font-size:7px;font-weight:600;letter-spacing:1.35px}.cert-seal-dot,.cert-seal-text{fill:rgb(var(--cert-ink))}.cert-vignette-caption{margin:0;max-width:24ch;font-size:13px;line-height:1.55;color:rgb(var(--cert-muted))}.cert-eyebrow{margin:0 0 12px;font-family:var(--font-audit),ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--cert-plate))}.cert-masthead{margin:0;font-family:var(--font-canon),ui-serif,Georgia,serif;font-size:clamp(34px,5.2vw,46px);font-weight:800;line-height:1.02;letter-spacing:.005em}.cert-lede{margin:12px 0 0;max-width:44ch;font-size:15px;line-height:1.6;color:rgb(var(--cert-muted))}.cert-form{display:grid;gap:18px;margin-top:28px}.cert-field{display:grid;gap:7px}.cert-field-label{font-family:var(--font-audit),ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--cert-ink))}.cert-field input{width:100%;min-height:48px;padding:0 14px;font-size:16px;color:rgb(var(--cert-ink));background:rgb(var(--cert-paper-deep));border:1px solid rgb(var(--cert-plate)/.4);border-bottom:2px solid rgb(var(--cert-ink));border-radius:2px 2px 0 0;outline:none}.cert-field input:focus{border-color:rgb(var(--cert-plate));border-bottom-color:rgb(var(--cert-plate));box-shadow:0 0 0 3px rgb(var(--cert-plate)/.22)}.cert-field input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px rgb(var(--cert-paper-deep));-webkit-text-fill-color:rgb(var(--cert-ink))}.cert-submit{position:relative;min-height:50px;border:1px solid rgb(var(--cert-ink));border-radius:2px;background:rgb(var(--cert-ink));color:rgb(var(--cert-paper));font-family:var(--font-canon),ui-serif,Georgia,serif;font-size:17px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .14s ease,transform .14s ease}.cert-submit:after{content:"";position:absolute;inset:3px;border:1px solid rgb(var(--cert-paper)/.35);border-radius:1px;pointer-events:none}.cert-submit:hover{background:rgb(var(--cert-plate))}.cert-submit:active{transform:translateY(1px)}.cert-submit:focus-visible{outline:2px solid rgb(var(--cert-ink));outline-offset:3px}.cert-error{margin:0;padding:11px 12px;border:1px solid rgb(var(--cert-red)/.5);border-left:3px solid rgb(var(--cert-red));border-radius:2px;background:rgb(var(--cert-red)/.08);color:rgb(var(--cert-red));font-size:14px;line-height:1.5}.cert-microprint{margin:clamp(26px,4vw,38px) 0 0;overflow:hidden;white-space:nowrap;font-family:var(--font-audit),ui-monospace,monospace;font-size:5px;font-weight:500;line-height:1;letter-spacing:.32em;color:rgb(var(--cert-plate)/.75);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cert-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;margin-top:12px;font-size:13px;line-height:1.5;color:rgb(var(--cert-muted))}.cert-footer p{margin:0}::-moz-selection{background:rgb(var(--cert-plate)/.25)}::selection{background:rgb(var(--cert-plate)/.25)}@media (max-width:820px){.cert-body{grid-template-columns:1fr;gap:26px}.cert-rosette{width:148px}.cert-vignette-caption{max-width:34ch}}@media (max-width:420px){.cert{padding:6px}.cert-frame{padding:30px 16px 26px}.cert-serial-row{font-size:10px;letter-spacing:.1em}}@media (prefers-reduced-motion:reduce){.cert-rosette .cert-ring{animation:none;stroke-dashoffset:0}.cert-submit{transition:none}}