/* Motion is progressive: content remains readable with JavaScript disabled. */
.certificate-motion .cert-volunteer-card,.certificate-motion .cert-glass-badge,.certificate-motion .float-circle{animation:cert-gentle-float 6s ease-in-out infinite;animation-play-state:paused}
.certificate-motion .cert-in-view .cert-volunteer-card,.certificate-motion .cert-in-view .cert-glass-badge,.certificate-motion .cert-in-view .float-circle{animation-play-state:running}
.certificate-motion .cert-glass-badge{animation-delay:-2s;animation-duration:7s}.certificate-motion .c-left-bottom{animation-delay:-3s;animation-duration:7s}.certificate-motion .c-right-top{animation-delay:-1.5s}.certificate-motion .c-right-bottom{animation-delay:-4s;animation-duration:8s}
.certificate-motion .cert-pin i{animation:cert-pin-ripple 3s ease-out infinite;animation-play-state:paused}.certificate-motion .cert-in-view .cert-pin i{animation-play-state:running}.certificate-motion .pin-2 i{animation-delay:1s}.certificate-motion .pin-3 i{animation-delay:2s}
.certificate-motion .cert-kicker svg{animation:cert-emblem-turn 18s linear infinite}
.certificate-motion .cert-center-scroll svg line{animation:cert-scroll-hint 1.8s ease-in-out infinite}
.certificate-motion .cert-problem-card{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease}
.certificate-motion .cert-problem-card.cert-tilting{transition:transform .15s ease-out,box-shadow .35s;box-shadow:0 20px 38px #17252226}
.cert-pill-banner{perspective:1100px}
.cert-pill-banner .pill-card{--pill-roll:-2deg;transition:translate .65s cubic-bezier(.16,1,.3,1),rotate .65s cubic-bezier(.16,1,.3,1),box-shadow .5s ease,background .3s ease,background-size .8s ease;transform-origin:50% 80%;background-size:100% 100%}
.cert-pill-banner .pill-card:nth-child(even){--pill-roll:2deg}
.cert-pill-banner .pill-card:before{content:"";position:absolute;inset:-35%;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff50 49%,transparent 63%);translate:-100% 0;transition:translate .8s cubic-bezier(.2,.7,.2,1)}
.cert-pill-banner .pill-card>span,.cert-pill-banner .pill-card>svg{position:relative;z-index:2;transition:transform .7s cubic-bezier(.16,1,.3,1)}
@media(hover:hover){.cert-pill-banner .pill-card:hover{rotate:var(--pill-roll);background-size:108% 108%;box-shadow:0 26px 36px -14px #17252238}.cert-pill-banner .pill-card:hover:before{translate:100% 0}.cert-pill-banner .pill-card:hover>span{transform:translateY(-5px) scale(1.035)}.cert-pill-banner .pill-lime:hover>svg{transform:translate(9px,-3px) rotate(-12deg)}}
.cert-pill-banner .pill-card:focus-visible{rotate:var(--pill-roll)}
.cert-pill-banner .pill-card:focus-visible:before{translate:100% 0}
.cert-pill-banner .pill-lime:focus-visible>svg{transform:translate(9px,-3px) rotate(-12deg)}
@media(hover:hover){.cert-pill-banner .pill-card:hover{translate:0 -30px;box-shadow:0 16px 28px #17252218}}
.cert-pill-banner .pill-card:focus-visible{translate:0 -30px;box-shadow:0 16px 28px #17252218}
@media(prefers-reduced-motion:reduce){.cert-pill-banner .pill-card:hover,.cert-pill-banner .pill-card:focus-visible{translate:none;rotate:none;background-size:100% 100%;box-shadow:none}.cert-pill-banner .pill-card:before{display:none}.cert-pill-banner .pill-card>span,.cert-pill-banner .pill-card>svg{transform:none!important}}
.certificate-motion .row-arrow{transition:rotate .3s,background .3s,border-color .3s}.certificate-motion .initiative-row:hover .row-arrow,.certificate-motion .initiative-row:focus-visible .row-arrow{rotate:-12deg;background:#e5f555}
.cert-dialog[open]{animation:cert-dialog-enter .3s cubic-bezier(.2,.75,.2,1)}
.cert-motion-hidden .cert-volunteer-card,.cert-motion-hidden .cert-glass-badge,.cert-motion-hidden .float-circle,.cert-motion-hidden .cert-pin i,.cert-motion-hidden .cert-kicker svg,.cert-motion-hidden .cert-center-scroll svg line{animation-play-state:paused!important}
@keyframes cert-gentle-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes cert-pin-ripple{0%{box-shadow:0 0 0 0 #e5f55566}75%,100%{box-shadow:0 0 0 10px #e5f55500}}
@keyframes cert-emblem-turn{to{rotate:360deg}}
@keyframes cert-scroll-hint{0%,100%{translate:0 -1px;opacity:.5}50%{translate:0 2px;opacity:1}}
@keyframes cert-dialog-enter{from{opacity:0;translate:0 16px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@media(prefers-reduced-motion:reduce){.cert-body *,.cert-body *:before,.cert-body *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cert-problem-card{transform:none!important}}

/* Editorial learning cards: readable labels, graphic details and consistent rhythm. */
.credential-principles{gap:16px;padding:38px 0 82px;perspective:1200px}.credential-principles .pill-card{height:310px;border-radius:30px;padding:24px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;text-decoration:none;letter-spacing:normal;box-shadow:0 3px 0 #17252206;border:1px solid #1828230c}.principle-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;font-size:9px;letter-spacing:.13em;font-weight:600}.principle-top>span:last-child{font-size:21px;letter-spacing:0}.principle-copy{position:relative;z-index:2}.principle-title{font-size:clamp(26px,2.7vw,42px);line-height:.98;font-weight:500;letter-spacing:-.055em}.principle-copy p{font-size:11px;line-height:1.6;letter-spacing:0;opacity:.7;max-width:195px;margin:13px 0 0}.principle-learn{background:#f3f3ed;color:#172522}.principle-build{background:#183a43;color:#f4f7f2}.principle-verify{background:var(--cert-lime,#e5f555);color:#172522}.principle-grow{background:#e5edf0;color:#1d3946}.credential-principles .principle-orbit{position:absolute;right:22px;top:54px;font-size:90px;line-height:1;color:#b8c8a3;opacity:.7;transition:rotate 1.2s}.credential-principles .principle-code{position:absolute;top:65px;right:24px;font-size:61px;letter-spacing:-.12em;color:#92b8bc;opacity:.55;font-weight:300}.credential-principles .principle-seal{position:absolute;right:25px;top:67px;border:1px solid #1725223b;outline:1px dashed #1725223b;outline-offset:8px;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;font-size:29px;rotate:-13deg}.credential-principles .principle-stairs{position:absolute;right:20px;top:63px;display:flex;align-items:flex-end;gap:5px;height:70px;rotate:-5deg}.principle-stairs i{display:block;width:17px;background:#547f91;border-radius:5px 5px 0 0;height:22px;opacity:.45}.principle-stairs i:nth-child(2){height:38px;opacity:.6}.principle-stairs i:nth-child(3){height:53px;opacity:.8}.principle-stairs i:nth-child(4){height:70px;opacity:1}.credential-principles .pill-card:focus-visible{outline:3px solid #557982;outline-offset:5px}@media(hover:hover){.credential-principles .pill-card:hover{rotate:0deg;box-shadow:0 24px 40px -20px #183a434d}.credential-principles .pill-card:hover .principle-orbit{rotate:65deg}.credential-principles .pill-card:hover .principle-copy{transform:translateY(-5px)}}@media(max-width:1000px){.credential-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.credential-principles .pill-card{height:280px}.principle-title{font-size:36px}}@media(max-width:520px){.credential-principles{gap:12px;padding-bottom:45px}.credential-principles .pill-card{padding:19px;height:270px;border-radius:25px}.principle-title{font-size:30px}.principle-top{font-size:8px}.principle-copy p{font-size:10px}.credential-principles .principle-orbit{font-size:66px;top:61px;right:16px}.credential-principles .principle-code{font-size:44px;right:19px}.credential-principles .principle-seal{width:42px;height:42px;right:25px;font-size:23px}.credential-principles .principle-stairs{scale:.75;transform-origin:right top}.credential-principles .pill-card:hover{translate:0 -10px}}@media(prefers-reduced-motion:reduce){.credential-principles .pill-card:hover .principle-copy{transform:none}}

.credential-principles .pill-card>span.principle-orbit,.credential-principles .pill-card>span.principle-code,.credential-principles .pill-card>span.principle-seal,.credential-principles .pill-card>span.principle-stairs{position:absolute;z-index:1}