{"id":355,"date":"2025-10-21T14:52:40","date_gmt":"2025-10-21T14:52:40","guid":{"rendered":"https:\/\/mangosheq.co.za\/certificate-verification\/"},"modified":"2025-10-21T14:52:40","modified_gmt":"2025-10-21T14:52:40","slug":"certificate-verification","status":"publish","type":"page","link":"https:\/\/mangosheq.co.za\/?page_id=355","title":{"rendered":"Certificate Verification"},"content":{"rendered":"    <style>\n        .scv {\n            --scv-navy: #0c2340;\n            --scv-teal: #0b6e8c;\n            --scv-line: #e2e8f0;\n            --scv-muted: #64748b;\n            --scv-bg: #f1f5f9;\n            --scv-card: #ffffff;\n            --scv-ok: #0f766e;\n            --scv-ok-bg: #ecfdf5;\n            --scv-bad: #b91c1c;\n            --scv-bad-bg: #fef2f2;\n            font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            color: #0f172a;\n            line-height: 1.5;\n        }\n        .scv * { box-sizing: border-box; }\n        .scv-shell {\n            max-width: 960px;\n            margin: 0 auto 48px;\n        }\n        .scv-hero {\n            background: linear-gradient(135deg, var(--scv-navy) 0%, #123a63 55%, var(--scv-teal) 100%);\n            color: #fff;\n            padding: 28px 24px 32px;\n            border-radius: 0 0 12px 12px;\n            box-shadow: 0 12px 40px rgba(12, 35, 64, 0.25);\n        }\n        .scv-hero__eyebrow {\n            font-size: 12px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            opacity: 0.88;\n            margin: 0 0 8px;\n        }\n        .scv-hero__title {\n            margin: 0;\n            font-size: clamp(22px, 4vw, 30px);\n            font-weight: 700;\n            letter-spacing: -0.02em;\n        }\n        .scv-hero__sub {\n            margin: 10px 0 0;\n            font-size: 15px;\n            opacity: 0.92;\n            max-width: 52ch;\n        }\n        .scv-panel {\n            background: var(--scv-card);\n            border: 1px solid var(--scv-line);\n            border-radius: 12px;\n            margin-top: -12px;\n            position: relative;\n            box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);\n        }\n        .scv-panel__pad {\n            padding: 24px 22px 28px;\n        }\n        .scv-search {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 12px;\n            align-items: stretch;\n            margin-bottom: 8px;\n        }\n        .scv-search input[type=\"text\"] {\n            flex: 1 1 220px;\n            min-width: 0;\n            padding: 14px 16px;\n            border: 1px solid var(--scv-line);\n            border-radius: 8px;\n            font-size: 16px;\n        }\n        .scv-search input:focus {\n            outline: 2px solid rgba(11, 110, 140, 0.35);\n            outline-offset: 1px;\n            border-color: #94a3b8;\n        }\n        .scv-search button {\n            padding: 14px 22px;\n            border: none;\n            border-radius: 8px;\n            font-size: 15px;\n            font-weight: 600;\n            cursor: pointer;\n            background: var(--scv-teal);\n            color: #fff;\n            box-shadow: 0 4px 14px rgba(11, 110, 140, 0.35);\n        }\n        .scv-search button:hover {\n            filter: brightness(1.05);\n        }\n        .scv-banner {\n            display: flex;\n            flex-wrap: wrap;\n            align-items: flex-start;\n            gap: 14px 20px;\n            padding: 16px 18px;\n            border-radius: 10px;\n            margin-bottom: 22px;\n            border: 1px solid #bbf7d0;\n            background: var(--scv-ok-bg);\n        }\n        .scv-banner--bad {\n            border-color: #fecaca;\n            background: var(--scv-bad-bg);\n        }\n        .scv-banner__icon {\n            flex: 0 0 auto;\n            width: 40px;\n            height: 40px;\n            border-radius: 999px;\n            background: #fff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--scv-ok);\n            border: 1px solid #bbf7d0;\n        }\n        .scv-banner--bad .scv-banner__icon {\n            color: var(--scv-bad);\n            border-color: #fecaca;\n        }\n        .scv-banner__body { flex: 1 1 240px; min-width: 0; }\n        .scv-banner__title {\n            margin: 0 0 4px;\n            font-size: 17px;\n            font-weight: 700;\n            color: #064e3b;\n        }\n        .scv-banner--bad .scv-banner__title { color: #7f1d1d; }\n        .scv-banner__text {\n            margin: 0;\n            font-size: 14px;\n            color: #134e4a;\n        }\n        .scv-banner--bad .scv-banner__text { color: #991b1b; }\n        .scv-status {\n            align-self: center;\n            font-size: 12px;\n            font-weight: 700;\n            letter-spacing: 0.04em;\n            text-transform: uppercase;\n            padding: 8px 14px;\n            border-radius: 999px;\n            border: 1px solid transparent;\n            white-space: nowrap;\n        }\n        .scv-status--ok { background: #fff; color: var(--scv-ok); border-color: #99f6e4; }\n        .scv-status--warn { background: #fffbeb; color: #92400e; border-color: #fde68a; }\n        .scv-status--bad { background: #fff; color: var(--scv-bad); border-color: #fecaca; }\n        .scv-status--neutral { background: #f8fafc; color: var(--scv-muted); border-color: var(--scv-line); }\n        .scv-h2 {\n            margin: 0 0 14px;\n            font-size: 13px;\n            font-weight: 700;\n            letter-spacing: 0.06em;\n            text-transform: uppercase;\n            color: var(--scv-muted);\n        }\n        .scv-section {\n            margin-bottom: 22px;\n        }\n        .scv-section:last-child { margin-bottom: 0; }\n        .scv-org {\n            font-size: clamp(20px, 3vw, 26px);\n            font-weight: 700;\n            letter-spacing: -0.02em;\n            margin: 0 0 16px;\n            color: var(--scv-navy);\n        }\n        .scv-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n            gap: 0;\n            border: 1px solid var(--scv-line);\n            border-radius: 10px;\n            overflow: hidden;\n            background: #fafbfc;\n        }\n        .scv-row {\n            display: grid;\n            grid-template-columns: minmax(140px, 34%) 1fr;\n            gap: 12px 20px;\n            padding: 14px 16px;\n            border-bottom: 1px solid var(--scv-line);\n            align-items: start;\n        }\n        .scv-row:last-child { border-bottom: none; }\n        @media (max-width: 560px) {\n            .scv-row { grid-template-columns: 1fr; gap: 4px; }\n        }\n        .scv-row__label {\n            font-size: 12px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.04em;\n            color: var(--scv-muted);\n        }\n        .scv-row__value {\n            font-size: 15px;\n            font-weight: 600;\n            color: #0f172a;\n            word-break: break-word;\n        }\n        .scv-prose {\n            font-weight: 500;\n            white-space: pre-wrap;\n        }\n        .scv-actions {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            margin: 18px 0 14px;\n        }\n        .scv-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 11px 18px;\n            border-radius: 8px;\n            font-size: 14px;\n            font-weight: 600;\n            text-decoration: none;\n            border: 1px solid transparent;\n        }\n        .scv-btn--primary {\n            background: var(--scv-navy);\n            color: #fff;\n        }\n        .scv-btn--secondary {\n            background: #fff;\n            color: var(--scv-teal);\n            border-color: #bae6fd;\n        }\n        .scv-btn:hover { filter: brightness(1.06); }\n        .scv-viewer {\n            border: 1px solid var(--scv-line);\n            border-radius: 10px;\n            overflow: hidden;\n            background: #f8fafc;\n            min-height: 420px;\n        }\n        .scv-viewer embed {\n            display: block;\n            width: 100%;\n            min-height: 520px;\n        }\n        .scv-footnote {\n            margin-top: 20px;\n            padding-top: 16px;\n            border-top: 1px solid var(--scv-line);\n            font-size: 12px;\n            color: var(--scv-muted);\n        }\n        .scv-error {\n            padding: 18px 16px;\n            border-radius: 10px;\n            border: 1px solid #fecaca;\n            background: var(--scv-bad-bg);\n            color: #7f1d1d;\n            font-weight: 600;\n            text-align: center;\n        }\n    <\/style>\n\n    <div class=\"scv scv-shell\">\n        <header class=\"scv-hero\">\n            <p class=\"scv-hero__eyebrow\">Public certificate register<\/p>\n            <h1 class=\"scv-hero__title\">Certificate validation<\/h1>\n            <p class=\"scv-hero__sub\">\n                Confirm that a certificate record exists and review key registration details. Layout inspired by international certification registers.            <\/p>\n        <\/header>\n\n        <div class=\"scv-panel\">\n            <div class=\"scv-panel__pad\">\n                <form class=\"scv-search\" method=\"get\" action=\"\">\n                    <input type=\"text\" name=\"cert_id\" autocomplete=\"off\"\n                        placeholder=\"Certificate or registration ID\"\n                        value=\"\"\n                        required>\n                    <button type=\"submit\">Search register<\/button>\n                <\/form>\n\n                            <\/div>\n        <\/div>\n    <\/div>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-355","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mangosheq.co.za\/index.php?rest_route=\/wp\/v2\/pages\/355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mangosheq.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mangosheq.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mangosheq.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mangosheq.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=355"}],"version-history":[{"count":0,"href":"https:\/\/mangosheq.co.za\/index.php?rest_route=\/wp\/v2\/pages\/355\/revisions"}],"wp:attachment":[{"href":"https:\/\/mangosheq.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}