:root{--navy:#0b315c;--gold:#c79a2b;--ink:#162033;--muted:#687386}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#eef3f8,#f9f6ee);font-family:Inter,Arial,sans-serif;color:var(--ink);min-height:100vh}header{padding:22px max(24px,calc((100vw - 1060px)/2));background:rgba(255,255,255,.85);border-bottom:1px solid #dae0e8}.brand{display:flex;gap:12px;align-items:center;color:var(--navy);text-decoration:none}.brand span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;font-weight:900}.brand b{font-family:Georgia,serif}main{padding:70px 20px}.verify-card{max-width:720px;margin:auto;background:#fff;border:1px solid #e0e5ec;border-radius:26px;box-shadow:0 24px 70px rgba(13,45,82,.12);padding:42px}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.verify-card h1{font:700 36px Georgia,serif;color:var(--navy);margin:8px 0 12px}.verify-card>p{color:var(--muted);line-height:1.7}form{display:flex;gap:10px;margin-top:26px}label{display:grid;gap:7px;flex:1;font-size:12px;font-weight:800;color:#475467}input{width:100%;padding:13px 14px;border:1px solid #cfd7e3;border-radius:12px;font-size:15px;outline:none}input:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(11,49,92,.08)}button{align-self:end;padding:13px 19px;border:0;border-radius:12px;background:var(--navy);color:white;font-weight:800;cursor:pointer}.result{margin-top:28px}.status-box{padding:20px;border-radius:17px;border:1px solid}.status-box.valid{background:#f2fbf5;border-color:#b9dfc4}.status-box.invalid{background:#fff4f4;border-color:#ecc1c1}.status-line{display:flex;align-items:center;gap:11px;font-weight:800;font-size:18px}.check{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1f8b4c;color:#fff}.invalid .check{background:#b42318}.verify-details{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.verify-details div{padding:13px;background:rgba(255,255,255,.7);border-radius:11px}.verify-details small,.verify-details strong{display:block}.verify-details small{color:#667085;margin-bottom:4px}.verify-details strong{color:var(--navy);line-height:1.35}.cert-open{display:inline-block;margin-top:16px;color:var(--navy);font-weight:800}@media(max-width:600px){main{padding:35px 14px}.verify-card{padding:25px}form{flex-direction:column}.verify-details{grid-template-columns:1fr}.verify-card h1{font-size:30px}}