.credential-intro{max-width:820px}
.credential-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.credential-card{min-height:290px;padding:24px 18px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 36px rgba(4,21,50,.07);transition:.28s}
.credential-card:hover{transform:translateY(-5px);border-color:#82dce2;box-shadow:var(--shadow)}
.credential-card img{width:100%;height:165px;object-fit:contain;margin-bottom:18px}
.credential-card h2{margin:0;color:var(--navy);font-size:1.05rem;line-height:1.35}
.credential-note{margin-top:36px;padding:24px;border-left:4px solid var(--aqua);border-radius:0 16px 16px 0;background:var(--mist);color:#3f5e69;line-height:1.65}
.credential-callout{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:34px;border:1px solid rgba(34,222,215,.25);border-radius:22px;background:linear-gradient(135deg,#061a31,#0a3152);color:#fff}
.credential-callout h2{margin:0 0 10px;font-size:clamp(1.9rem,4vw,3.2rem)}
.credential-callout p{margin:0;color:#b8cbd4;line-height:1.65}
@media(max-width:930px){.credential-grid{grid-template-columns:repeat(3,1fr)}.credential-callout{grid-template-columns:1fr}}
@media(max-width:620px){.credential-grid{grid-template-columns:repeat(2,1fr);gap:12px}.credential-card{min-height:235px;padding:18px 12px}.credential-card img{height:125px}.credential-card h2{font-size:.9rem}}