:root{--vpc-red:#8b1a1a;--vpc-indigo:#1f2a44;--vpc-ochre:#c77b2c;--vpc-gold:#a67a2c;--vpc-cream:#faf6ee;--vpc-paper:#fffdf7;--vpc-line:#d8cfc0;--vpc-ink:#1a1a1a}
[hidden]{display:none!important}
.vpc-body{background:linear-gradient(135deg,#f3ecdc 0,#fff 48%,#f3ecdc 100%);color:var(--vpc-ink)}
.vpc-app{max-width:1600px;margin:auto;padding:18px}
.vpc-head{background:var(--vpc-indigo);color:#fff7e8;border-bottom:5px solid var(--vpc-ochre);padding:22px 28px;text-align:center;box-shadow:0 10px 30px rgba(31,42,68,.18)}
.vpc-kicker{font:700 12px/1.4 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f3d4a0}
.vpc-head h1{margin:9px 0 0;color:#fff;font-size:clamp(27px,4vw,46px);line-height:1.25}
.vpc-sub{margin:5px 0 12px;color:#f6eedc;font:600 15px/1.5 system-ui,sans-serif}
.vpc-nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.vpc-nav a{color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 12px;font:600 12px/1.3 system-ui,sans-serif}
.vpc-nav a:hover{background:#fff;color:var(--vpc-indigo)}
.vpc-notice{max-width:1180px;margin:18px auto;padding:13px 16px;border:1px solid #d8b57b;border-left:5px solid var(--vpc-ochre);background:#fff9e9;border-radius:8px;font-size:14px;line-height:1.65}
.vpc-notice span{display:block;color:#5f5547;font-family:system-ui,sans-serif;font-size:12px}
.vpc-workspace{display:grid;grid-template-columns:minmax(360px,520px) minmax(640px,1fr);gap:18px;align-items:start}
.vpc-panel,.vpc-preview-card{background:#fff;border:1px solid var(--vpc-line);border-radius:12px;box-shadow:0 8px 28px rgba(40,31,20,.09)}
.vpc-panel{padding:20px}.vpc-panel h2,.vpc-panel h3{color:var(--vpc-red);margin:0 0 8px}.vpc-panel h3{border-top:1px solid var(--vpc-line);padding-top:18px;margin-top:18px}
.vpc-help{margin:0 0 15px;color:#5d554b;font-size:13px;line-height:1.55}
.vpc-search-row{display:flex;gap:9px;align-items:end}.vpc-field{display:grid;gap:5px;margin:10px 0}.vpc-field.grow{flex:1}.vpc-field.scope{width:150px;flex:none}
.vpc-field>span{font:700 12px/1.35 system-ui,sans-serif;color:#443b33}
.vpc-field input,.vpc-field textarea,.vpc-field select{width:100%;border:1px solid #bdb2a4;border-radius:7px;background:#fff;padding:10px 11px;color:#1e1b18;font:16px/1.4 var(--f-body,serif);box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}
.vpc-field input:focus,.vpc-field textarea:focus,.vpc-field select:focus{outline:3px solid rgba(199,123,44,.25);border-color:var(--vpc-ochre)}
.vpc-btn{border:1px solid var(--vpc-red);border-radius:7px;padding:10px 14px;min-height:42px;font:700 13px/1.3 system-ui,sans-serif;cursor:pointer;transition:.16s ease}
.vpc-btn.primary{background:var(--vpc-red);color:#fff}.vpc-btn.secondary{background:#fff;color:var(--vpc-red)}.vpc-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px rgba(80,26,26,.16)}.vpc-btn:disabled{opacity:.48;cursor:not-allowed}
.vpc-status{min-height:20px;margin:8px 0;color:#5d554b;font:12px/1.5 system-ui,sans-serif}.vpc-status.error{color:#991f1f}.vpc-status.good{color:#23602f}
.vpc-results{display:grid;gap:7px;max-height:260px;overflow:auto}.vpc-result{display:grid;grid-template-columns:1fr auto;gap:4px 10px;text-align:left;border:1px solid var(--vpc-line);border-radius:8px;background:#fffdf8;padding:9px 11px;cursor:pointer}.vpc-result:hover,.vpc-result.selected{border-color:var(--vpc-ochre);background:#fff6df}.vpc-result strong{color:var(--vpc-red)}.vpc-result small{grid-column:1/-1;color:#61594f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vpc-result .badge{background:var(--vpc-indigo);color:#fff;border-radius:999px;padding:2px 8px;font:700 10px/1.5 system-ui,sans-serif}
.vpc-grid-three{display:grid;grid-template-columns:1fr .75fr 1fr;gap:9px}.vpc-match{border:1px dashed #bbaa91;border-radius:7px;background:#faf6ee;padding:9px 11px;color:#5c5246;font-size:12px}.vpc-match.verified{border-style:solid;border-color:#69a473;background:#eef9ef;color:#215c2b}
.vpc-declaration{display:flex;align-items:flex-start;gap:9px;margin:14px 0;padding:11px;background:#f7f3eb;border-radius:7px;font-size:12px;line-height:1.55}.vpc-declaration input{width:18px;height:18px;flex:none}.vpc-actions{display:flex;gap:9px;flex-wrap:wrap}
.vpc-preview-card{padding:14px;overflow:hidden}.vpc-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 12px}.vpc-preview-head h2{margin:0;color:var(--vpc-red);font-size:20px}.vpc-preview-head p{margin:2px 0 0;font:12px/1.4 system-ui,sans-serif;color:#5d554b}
.vpc-certificate{position:relative;isolation:isolate;aspect-ratio:297/210;overflow:hidden;background:var(--vpc-paper);border:10px double var(--vpc-indigo);box-shadow:0 3px 18px rgba(25,20,15,.18);padding:4.2% 5%;display:grid;grid-template-rows:auto auto 1fr auto;color:#191714}
.vpc-certificate::before{content:"";position:absolute;inset:10px;z-index:-1;border:2px solid var(--vpc-ochre);background:repeating-linear-gradient(45deg,rgba(139,26,26,.025) 0 8px,rgba(31,42,68,.025) 8px 16px)}
.vpc-corner{position:absolute;width:42px;height:42px;border-color:var(--vpc-red);z-index:2}.vpc-corner.one{left:17px;top:17px;border-left:5px solid;border-top:5px solid}.vpc-corner.two{right:17px;top:17px;border-right:5px solid;border-top:5px solid}.vpc-corner.three{left:17px;bottom:17px;border-left:5px solid;border-bottom:5px solid}.vpc-corner.four{right:17px;bottom:17px;border-right:5px solid;border-bottom:5px solid}
.vpc-watermark{position:absolute;inset:37% 0 auto;text-align:center;z-index:-1;font:900 clamp(70px,12vw,180px)/1 Georgia,serif;letter-spacing:.08em;color:rgba(139,26,26,.035);transform:rotate(-9deg)}
.vpc-cert-head{text-align:center}.vpc-wordmark{height:34px;width:auto;object-fit:contain}.vpc-cert-head p{margin:3px 0 0;color:var(--vpc-indigo);font-weight:800;font-size:clamp(11px,1.3vw,17px)}.vpc-cert-head strong{font:800 clamp(9px,1vw,13px)/1.3 system-ui,sans-serif;letter-spacing:.1em;color:var(--vpc-red)}
.vpc-cert-title{text-align:center;margin-top:1%}.vpc-cert-title span{display:inline-block;background:var(--vpc-red);color:#fff;padding:2px 10px;border-radius:999px;font:800 clamp(7px,.7vw,10px)/1.5 system-ui,sans-serif;letter-spacing:.16em}.vpc-cert-title h2{margin:3px 0 0;color:var(--vpc-red);font-size:clamp(20px,3vw,43px);line-height:1.1}.vpc-cert-title p{margin:0;color:var(--vpc-indigo);font:700 clamp(8px,1vw,13px)/1.4 system-ui,sans-serif;letter-spacing:.2em}
.vpc-empty-message{align-self:center;text-align:center;color:#746b60;font-size:clamp(15px,2vw,28px)}.vpc-empty-message span{font:13px/1.5 system-ui,sans-serif}.vpc-cert-content{text-align:center;align-self:center;min-height:0}.vpc-cert-content p{margin:2px 0;font-size:clamp(8px,1vw,14px);line-height:1.35}.vpc-cert-lead{color:#594e42}.vpc-cert-content h3{margin:3px 0;color:var(--vpc-indigo);font-size:clamp(18px,2.7vw,39px);line-height:1.15}.vpc-cert-content blockquote{max-width:78%;margin:5px auto;color:var(--vpc-red);font-size:clamp(15px,2vw,29px);font-weight:800;line-height:1.25}.vpc-issue-seal{display:inline-block;margin:4px 0;padding:4px 16px;border:2px solid var(--vpc-gold);border-radius:999px;background:#fff8e5;color:var(--vpc-indigo);font-size:clamp(12px,1.5vw,21px);font-weight:900}.vpc-cert-match{color:#32613a!important;font-size:clamp(7px,.8vw,11px)!important}.vpc-cert-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:9px auto 0;max-width:85%}.vpc-cert-meta div{border-top:1px solid #8d8174;padding-top:3px}.vpc-cert-meta span{display:block;color:#695f54;font:clamp(6px,.65vw,9px)/1.3 system-ui,sans-serif}.vpc-cert-meta strong{display:block;font-size:clamp(8px,.9vw,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vpc-cert-disclaimer{max-width:80%;margin:7px auto 0!important;color:#6d645b;font:clamp(6px,.65vw,9px)/1.3 system-ui,sans-serif!important}
.vpc-cert-footer{display:grid;grid-template-columns:22% 1fr 22%;align-items:end;gap:10px}.vpc-qr-card{display:grid;grid-template-columns:clamp(45px,5.7vw,86px) 1fr;grid-template-rows:auto auto;gap:0 7px;align-items:center;color:var(--vpc-indigo);border:0}.vpc-qr-card img{grid-row:1/3;width:100%;background:#fff;padding:3px;image-rendering:pixelated}.vpc-qr-card span{align-self:end;font:clamp(6px,.7vw,10px)/1.25 system-ui,sans-serif}.vpc-qr-card strong{align-self:start;font:700 clamp(6px,.75vw,11px)/1.25 system-ui,sans-serif;overflow-wrap:anywhere}.vpc-cert-source{text-align:center;display:grid;gap:2px}.vpc-cert-source a{color:var(--vpc-red);font-size:clamp(7px,.8vw,11px);font-weight:800}.vpc-cert-source span{font:clamp(6px,.65vw,9px)/1.3 system-ui,sans-serif;color:#60564b}
.vpc-site-footer{text-align:center;margin:18px 0 4px;color:#5f564c;font-size:12px}
@media(max-width:1120px){.vpc-workspace{grid-template-columns:1fr}.vpc-preview-card{order:2}.vpc-certificate{max-width:1000px;margin:auto}}
@media(max-width:620px){.vpc-app{padding:0}.vpc-head{padding:18px 12px}.vpc-notice{margin:12px}.vpc-workspace{gap:12px}.vpc-panel,.vpc-preview-card{border-radius:0;border-left:0;border-right:0}.vpc-search-row{display:grid}.vpc-field.scope{width:auto}.vpc-grid-three{grid-template-columns:1fr 1fr}.vpc-certificate{border-width:5px;padding:4%}.vpc-certificate::before{inset:5px}.vpc-corner{display:none}}
@media print{@page{size:A4 landscape;margin:0}.vpc-body{background:#fff}.vpc-app{max-width:none;padding:0}.vpc-head,.vpc-notice,.vpc-panel,.vpc-preview-head,.vpc-site-footer{display:none!important}.vpc-workspace{display:block}.vpc-preview-card{padding:0;border:0;box-shadow:none}.vpc-certificate{width:297mm;height:210mm;aspect-ratio:auto;border-width:3mm;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.vpc-cert-footer{padding-bottom:1mm}.vpc-qr-card img{width:22mm}.vpc-cert-content h3{font-size:10mm}.vpc-cert-content blockquote{font-size:7mm}.vpc-cert-title h2{font-size:10mm}}