/* NIDS 2026 · Certificate verification. Scoped to .nidscert-verify. */
.nidscert-verify{ --navy:#0B1E3F; --navy2:#12336A; --ink:#14213A; --muted:#45556F; --line:#DCE3EE; --cyan:#16B8E8; --cyan-ink:#0A6F93;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; color:var(--ink); line-height:1.55; padding:8px 0 24px; }
.nidscert-verify *,.nidscert-verify *::before,.nidscert-verify *::after{ box-sizing:border-box; }
.nidscert-v-card{ max-width:720px; margin:0 auto; border-radius:24px; overflow:hidden; background:#fff;
  border:1px solid rgba(11,30,63,.08); box-shadow:0 40px 80px -50px rgba(11,30,63,.55), 0 10px 24px -18px rgba(11,30,63,.3); }
.nidscert-v-head{ display:flex; gap:16px; align-items:flex-start; padding:26px 28px; color:#fff;
  background:radial-gradient(380px 200px at 100% 0%, rgba(22,184,232,.35), transparent 70%), radial-gradient(320px 200px at 0% 120%, rgba(245,130,32,.25), transparent 70%), linear-gradient(135deg,#0B1E3F,#12336A); }
.nidscert-v-seal{ flex:none; width:52px; height:52px; border-radius:16px; display:grid; place-items:center; color:#fff;
  background:rgba(255,255,255,.12); box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 10px 20px -12px rgba(0,0,0,.5); }
.nidscert-v-seal svg{ width:28px; height:28px; }
.nidscert-v-head h2{ margin:0 !important; font:700 clamp(22px,3.6vw,28px)/1.2 'Sora',sans-serif !important; color:#fff !important; letter-spacing:-.02em; }
.nidscert-v-head p{ margin:6px 0 0; color:#D6E2F2; font-size:15px; max-width:56ch; }

.nidscert-v-result{ margin:22px 28px 0; padding:18px 20px; border-radius:16px; border:1px solid; }
.nidscert-v-result p{ margin:6px 0 0; }
.nidscert-v-status{ margin:0 !important; display:flex; align-items:center; gap:10px; font:700 18px/1.3 'Sora',sans-serif; }
.nidscert-v-status .dot{ width:12px; height:12px; border-radius:50%; flex:none; }
.nidscert-v-result.is-valid{ background:#EEF9F2; border-color:#BFE6CC; color:#0F5130; }
.nidscert-v-result.is-valid .dot{ background:#17703A; box-shadow:0 0 0 4px rgba(23,112,58,.18); }
.nidscert-v-result.is-bad{ background:#FDF0EF; border-color:#F2C6C2; color:#7A1A12; }
.nidscert-v-result.is-bad .dot{ background:#B42318; box-shadow:0 0 0 4px rgba(180,35,24,.16); }
.nidscert-v-result.is-warn{ background:#FFF6EC; border-color:#F6D6B4; color:#7A3606; }
.nidscert-v-result.is-warn .dot{ background:#F58220; box-shadow:0 0 0 4px rgba(245,130,32,.18); }
.nidscert-v-result dl{ margin:14px 0 0; display:grid; gap:10px; }
.nidscert-v-result dl div{ display:grid; grid-template-columns:130px 1fr; gap:12px; align-items:baseline; }
.nidscert-v-result dt{ font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#3C6B52; }
.nidscert-v-result dd{ margin:0; color:var(--ink); font-weight:500; overflow-wrap:anywhere; }
.nidscert-v-result dd.big{ font:700 20px/1.3 'Sora',sans-serif; color:var(--navy); }
.nidscert-v-result dd.num{ font-family:'Sora',sans-serif; font-variant-numeric:tabular-nums; letter-spacing:.02em; }

.nidscert-v-form{ display:grid; grid-template-columns:1fr 1fr auto; gap:12px; align-items:end; padding:22px 28px 28px; }
.nidscert-v-form label{ display:grid; gap:4px; font-size:13px; font-weight:600; color:var(--muted); }
.nidscert-v-form input{ width:100%; min-height:46px; padding:10px 12px; border-radius:10px; border:1px solid #C3CEDD; font:500 15px/1.3 'Inter',sans-serif; color:var(--ink); background:#fff; font-variant-numeric:tabular-nums; }
.nidscert-v-form input:focus{ outline:none; border-color:var(--cyan-ink); box-shadow:0 0 0 3px rgba(22,184,232,.25); }
.nidscert-v-form button{ min-height:46px; padding:10px 22px; border-radius:999px; border:0; cursor:pointer; background:var(--navy); color:#fff; font:600 15px/1 'Inter',sans-serif; box-shadow:0 10px 22px -12px rgba(11,30,63,.7); }
.nidscert-v-form button:hover{ background:var(--navy2); }
.nidscert-v-form button:focus-visible{ outline:3px solid var(--cyan); outline-offset:2px; }
@media (max-width:640px){
  .nidscert-v-head{ padding:20px 18px; }
  .nidscert-v-result{ margin:18px 16px 0; }
  .nidscert-v-result dl div{ grid-template-columns:1fr; gap:2px; }
  .nidscert-v-form{ grid-template-columns:1fr; padding:18px 16px 22px; }
}