.certificate-verification{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start;padding-top:0;padding-bottom:90px}
.cv-intro{padding:20px 0}.cv-intro h2{font-size:clamp(29px,4vw,44px);line-height:1.12;letter-spacing:-1.4px;margin:16px 0 22px}.cv-intro p{max-width:370px;line-height:1.8;color:#b9cbbb}
.cv-seal{position:relative;display:grid;place-items:center;width:76px;height:76px;border-radius:24px;border:1px solid #bed6b84d;background:linear-gradient(140deg,#c5e8b324,#bcdece05);box-shadow:inset 0 1px 0 #e6fce629,0 12px 35px #0002;margin-bottom:30px}.cv-seal>span{font:600 43px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-4px}.cv-seal i{position:absolute;right:-7px;bottom:-5px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#d2e9ba;color:#21432c;font-size:13px;font-style:normal;border:3px solid #17281f}
.cv-steps{list-style:none;padding:18px 0 0;margin:0 0 22px}.cv-steps li{display:flex;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid #c2d5bb24;color:#d0ddce;font-size:14px}.cv-steps span{color:#94b282;font:11px/1.4 monospace}.cv-intro .cv-small{font-size:12px;color:#a7bba8}
.cv-card{background:linear-gradient(145deg,#23382be8,#15261ee8);border:1px solid #c4dfb936;border-radius:26px;padding:34px;box-shadow:inset 0 1px 0 #ecffe822,0 22px 55px #0002;min-width:0}
#certificate-verification-form{display:block}#certificate-verification-form label{display:block;font-size:16px;font-weight:600;margin-bottom:5px;color:#ecf5e9}.cv-help{font-size:12px!important;color:#afc4b1!important;margin:0 0 16px!important;line-height:1.7}
#credential-id{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:54px;border:1px solid #b9d0b44d;border-radius:12px;background:#0a1718b3;color:#edf7e9;padding:15px;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;transition:border-color .15s}#credential-id::placeholder{color:#819989;font-size:11px}#credential-id:focus{outline:2px solid #a5c994;outline-offset:3px}#credential-id[aria-invalid=true]{border-color:#d7a775}
#certificate-verification-form>.button{width:100%;margin-top:16px;justify-content:center;min-height:52px}#certificate-verification-form>.button:disabled{cursor:wait;opacity:.65}
.cv-result{border-top:1px solid #c2d5bb2e;margin-top:28px;padding-top:26px;min-height:70px;outline-offset:6px}.cv-result .cv-idle{font-size:13px;color:#a9bda9;margin:0;line-height:1.7}.cv-result h2{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:15px 0 12px}.cv-result>p{line-height:1.75;font-size:14px;margin:0 0 18px;color:#b8ccb9}
.cv-status{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;background:#e5f3d410;border:1px solid #c7dbb929;color:#d4e3c8;font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.cv-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.cv-result[data-state=valid] .cv-status{color:#c6e6b0;background:#91c87513;border-color:#acd39450}.cv-result:is([data-state=revoked],[data-state=outdated],[data-state=invalid]) .cv-status{color:#efcaa3;background:#d69c5712;border-color:#d8ae7959}
.cv-facts{display:grid;gap:16px;margin:24px 0}.cv-facts>div{padding-bottom:14px;border-bottom:1px solid #c2d5bb24}.cv-facts dt{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a0b79e;margin-bottom:6px}.cv-facts dd{font-size:15px;line-height:1.6;color:#edf5e9;margin:0;overflow-wrap:anywhere}.cv-facts dd.cv-id{font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.cv-current-link{display:inline-flex;align-items:center;min-height:44px;color:#c9dfb7;font-size:13px;text-underline-offset:4px}.cv-result .cv-check-time{font-size:11px;color:#9db49f;margin-top:12px}.cv-notice{padding:16px;border:1px solid #d5b2824f;border-radius:10px;font-size:13px;line-height:1.7}
.cv-explainer{padding-top:26px;padding-bottom:90px;border-top:1px solid #c2d5bb2e}.cv-explainer h2{font-size:25px;margin-bottom:18px}.cv-explainer p{max-width:850px;color:#afc2b2;font-size:14px;line-height:1.85}.cv-explainer a{color:inherit;text-underline-offset:4px}
html[data-theme=light] .cv-card{background:linear-gradient(135deg,#fffffff0,#edf5e9f0);border-color:#c5d7c2;box-shadow:inset 0 1px 0 #fff,0 22px 55px #254b3110}html[data-theme=light] .cv-seal{background:linear-gradient(135deg,#f9fcf4,#dfecda);border-color:#b9cfaf;color:#315a3c;box-shadow:inset 0 1px 0 #fff,0 10px 28px #315a3910}html[data-theme=light] .cv-seal i{border-color:#f4f7f0;background:#275c3a;color:#eff6e9}html[data-theme=light] .cv-steps li{color:#3e5e44;border-color:#cad9c6}html[data-theme=light] .cv-steps span{color:#56794c}html[data-theme=light] #certificate-verification-form label{color:#21452e}html[data-theme=light] .cv-help{color:#59715b!important}html[data-theme=light] #credential-id{background:#fff;color:#234a32;border-color:#afc5a8}html[data-theme=light] #credential-id::placeholder{color:#677f67}html[data-theme=light] .cv-result{border-color:#c7d7bf}html[data-theme=light] .cv-status{background:#e6eddf;color:#49623d;border-color:#cad8bb}html[data-theme=light] .cv-result[data-state=valid] .cv-status{color:#255b33;background:#e4f0dc;border-color:#a4c18f}html[data-theme=light] .cv-result:is([data-state=revoked],[data-state=outdated],[data-state=invalid]) .cv-status{color:#85501d;background:#fff0d8;border-color:#dfbf8e}html[data-theme=light] .cv-facts>div{border-color:#cadbc3}html[data-theme=light] .cv-facts dt{color:#58724e}html[data-theme=light] .cv-facts dd{color:#24452f}html[data-theme=light] .cv-current-link{color:#245c34}html[data-theme=light] .cv-explainer{border-color:#c9d8c4}
@media(max-width:850px){.certificate-verification{grid-template-columns:1fr;gap:30px;padding-bottom:55px}.cv-intro{padding-top:0}.cv-intro p{max-width:620px}.cv-intro h2{font-size:32px}.cv-seal{float:right;margin:0 0 20px 20px}.cv-steps{display:none}.cv-card{padding:26px}.cv-explainer{padding-bottom:60px}}
@media(max-width:450px){.cv-card{padding:23px 18px;border-radius:20px}.cv-seal{width:58px;height:58px;border-radius:18px}.cv-seal>span{font-size:35px}.cv-intro h2{font-size:29px}.cv-result h2{font-size:23px}#credential-id{font-size:11px;padding:13px}.cv-facts dd{font-size:14px}}
@media(prefers-reduced-motion:reduce){#credential-id{transition:none}}
@media(prefers-reduced-transparency:reduce){.cv-card{background:#1b2e23}html[data-theme=light] .cv-card{background:#f5f9ef}}
@media(forced-colors:active){.cv-card,.cv-status,#credential-id,.cv-seal{background:Canvas;color:CanvasText;border:1px solid CanvasText}.cv-seal i{background:Highlight;color:HighlightText}.cv-facts dd,.cv-facts dt{color:CanvasText}}
