:root { --navy:#1B3A6B; --navy-d:#1B2A4A; --teal:#0F6674; --blue:#2563EB; --cyan:#00B0F0; --line:#d9dee6; --soft:#F5F6F8; --body:#374151; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: #e9eef3; color: var(--navy-d); font-family: "IBM Plex Sans", "Segoe UI", Calibri, system-ui, sans-serif; }
.wrap { max-width: 760px; margin: 0 auto; padding: 40px 16px 56px; display: flex; flex-direction: column; gap: 16px; }
.cert { background: #fff; border: 1px solid var(--line); border-top: 10px solid var(--navy); border-radius: 10px; padding: 36px 28px 28px; text-align: center; box-shadow: 0 10px 30px rgba(15,25,45,.12); }
.k { margin: 0; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--teal); font-weight: 600; }
h1 { margin: 10px 0 4px; font-size: clamp(28px, 6vw, 44px); line-height: 1.1; color: var(--navy); overflow-wrap: anywhere; text-wrap: balance; }
.rk { margin: 0; font-size: 20px; font-weight: 600; color: var(--blue); }
.line { margin: 14px auto 0; max-width: 52ch; color: var(--body); line-height: 1.55; }
.stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 22px 0 0; }
.stats div { background: var(--soft); border: 1px solid var(--line); border-radius: 8px; padding: 10px 8px; }
.stats dt { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #6b7280; }
.stats dd { margin: 2px 0 0; font-size: 24px; font-weight: 600; color: var(--navy); font-variant-numeric: tabular-nums; }
.iss { margin: 20px 0 0; font-size: 13px; color: #6b7280; }
.iss code { font-family: "IBM Plex Mono", ui-monospace, monospace; color: var(--navy-d); }
.by { margin: 6px 0 0; font-size: 14px; color: var(--navy); }
.verified { margin: 0; text-align: center; font-size: 14px; color: var(--teal); font-weight: 600; }
.cta { margin: 0; text-align: center; }
.cta a { display: inline-block; background: var(--blue); color: #fff; text-decoration: none; font-weight: 600; padding: 12px 22px; border-radius: 999px; }
.cta a:focus-visible { outline: 3px solid var(--cyan); outline-offset: 2px; }
@media (max-width: 480px) { .stats { grid-template-columns: 1fr; } .cert { padding: 28px 16px 20px; } }
.brand { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--navy); border-radius: 10px; padding: 10px 16px; color: #9fd8f2; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; font-weight: 600; }
.brand img { height: 48px; width: auto; }