#credentials .credential-list{gap:18px}#credentials .credential-visual-card{position:relative;overflow:hidden;padding:26px;border:1px solid #d7dcd5;border-radius:18px;background:linear-gradient(145deg,#ffffffd9,#f7f6f2);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}#credentials .credential-visual-card:after{content:'';position:absolute;width:110px;height:110px;inset-inline-end:-30px;top:-32px;border:1px solid #f47d431a;border-radius:50%;pointer-events:none}#credentials .credential-visual-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #101d310b;border-color:#d3ab8d}#credentials .credential-emblem{display:grid;place-items:center;position:relative;width:78px;height:78px;border-radius:22px;background:linear-gradient(145deg,#101d31,#1a2b43);color:#ffb78f;margin-bottom:23px;box-shadow:0 7px 18px #101d3112}#credentials .credential-emblem svg{width:38px;height:38px;position:relative;z-index:1;transition:transform .3s ease}#credentials .credential-orbit{position:absolute;inset:6px;border:1px solid #ffffff17;border-radius:17px;transform:rotate(10deg)}#credentials .credential-dot{position:absolute;width:8px;height:8px;border:2px solid #f7f6f2;border-radius:50%;inset-inline-end:-3px;top:15px;background:#f47d43;box-shadow:0 0 0 4px #f47d4312}#credentials .credential-index{position:absolute;inset-inline-end:24px;top:28px;font:12px monospace;letter-spacing:2px;color:#9b755a}#credentials .credential-visual-card h3{font-size:20px;font-weight:600;line-height:1.65;margin:0 0 12px;max-width:90%}#credentials .credential-visual-card p{font-size:13px;line-height:1.95;margin:0;color:#66717f}#credentials .credential-visual-card:hover .credential-emblem svg{transform:scale(1.07) rotate(-4deg)}#credentials .credential-visible{animation:credential-reveal .65s ease-out backwards}#credentials .credential-visible .credential-emblem svg{animation:credential-emblem-arrive .8s ease-out}#credentials .credential-visible .credential-dot{animation:credential-dot-pop .9s ease-out}#credentials .credential-motion-toggle{display:block;margin:22px auto 0;padding:9px 16px;border-radius:22px;min-height:40px;background:transparent;border:1px solid #cfd5cd;color:#596879;font:inherit;font-size:11px;cursor:pointer}#credentials .credential-motion-toggle:focus-visible{outline:3px solid #f47d43;outline-offset:3px}#credentials.credential-motion-off .credential-visible,#credentials.credential-motion-off .credential-visible *{animation:none!important}#credentials.credential-motion-off .credential-visual-card,#credentials.credential-motion-off .credential-emblem svg{transition:none;transform:none!important}@keyframes credential-reveal{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes credential-emblem-arrive{0%{transform:scale(.82) rotate(-8deg)}65%{transform:scale(1.08) rotate(3deg)}100%{transform:scale(1) rotate(0)}}@keyframes credential-dot-pop{0%{box-shadow:0 0 0 0 #f47d4333}70%{box-shadow:0 0 0 11px #f47d4300}100%{box-shadow:0 0 0 4px #f47d4312}}@media(min-width:1200px){#credentials .credential-list{grid-template-columns:repeat(4,minmax(0,1fr))}#credentials .credential-visual-card{padding:23px}#credentials .credential-visual-card h3{font-size:18px;max-width:100%}#credentials .credential-visual-card p{font-size:12px}#credentials .credential-emblem{width:68px;height:68px;border-radius:19px}#credentials .credential-emblem svg{width:34px;height:34px}}@media(max-width:760px){#credentials .credential-list{grid-template-columns:1fr}#credentials .credential-visual-card{padding:23px}#credentials .credential-emblem{width:62px;height:62px;border-radius:17px;margin-bottom:18px}#credentials .credential-emblem svg{width:32px;height:32px}#credentials .credential-visual-card h3{font-size:19px}#credentials .credential-visual-card p{font-size:13px}#credentials .credential-index{top:26px}#credentials .credential-motion-toggle{min-height:44px}}@media(prefers-reduced-motion:reduce){#credentials .credential-visible,#credentials .credential-visible *{animation:none!important}#credentials .credential-visual-card,#credentials .credential-emblem svg{transition:none!important;transform:none!important}}