#content-wrap{margin-bottom:4em}.certificate-animation{--animation-offset:56px;background-color:#000;top:0;right:0;bottom:0;left:0;position:fixed}@media screen and (min-width:1020px){.certificate-animation{--animation-card-scale-to:.75697}}.certificate-animation__content{display:grid;grid-row-gap:24px;grid-template-columns:max-content;justify-content:center;overflow:hidden;position:relative;top:calc(18dvh + env(safe-area-inset-top))}.certificate-animation__title{color:#fff;font-size:36px;font-weight:700;letter-spacing:-2%;line-height:1;margin-bottom:unset;will-change:transform}.certificate-animation .certificate-animation__button{--btn-color:$--color-black;background:linear-gradient(90deg,#eac062,#fbde7d 44.27%,#eac062);box-shadow:0 2px 8px #0000001a,0 1px 2px #00000026;will-change:transform}.certificate-animation__card-wrapper{margin-inline:16px;margin-top:50dvh;will-change:transform}.certificate-animation__card{transform:translateY(-50%)}@media screen and (min-width:1020px){.certificate-animation__card{--ecard-border-radius:16px;margin-inline:auto;max-width:502px}}.certificate-animation .card-enter-active{animation:flip-card .5s ease}.certificate-animation .card-leave-active{animation:move-card .43s ease-out}.certificate-animation .slide-enter-active{animation:slide-from-right .3s ease-out}.certificate-animation .slide-leave-active{animation:slide-to-left .3s ease-in}.certificate-animation .slide-reverse-enter-active{animation:slide-to-left .3s ease-out reverse}.certificate-animation .slide-reverse-leave-active{animation:slide-from-right .3s ease-in reverse}@keyframes flip-card{0%{transform:perspective(1000px) rotateY(90deg)}to{transform:perspective(1000px) rotateY(0)}}@keyframes move-card{0%{transform:translateY(0) scale(1)}to{transform:translateY(calc(50% - 50dvh + var(--animation-offset))) scale(var(--animation-card-scale-to,1))}}@keyframes slide-from-right{0%{opacity:0;transform:translate(80dvw)}to{opacity:1;transform:translate(0)}}@keyframes slide-to-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-80dvw)}}.certificate-animation--example{--animation-offset:121px}@media screen and (min-width:1020px){.certificate-animation--example{--animation-offset:56px}}