.m-fig-stage{overflow-clip-margin:3rem;overflow:clip;container-type:inline-size}.m-fig{aspect-ratio:1110/924;color:var(--m-ink);place-items:center;font-size:clamp(8px,2.98cqw,17px);font-weight:400;line-height:1.35;display:grid;position:relative}.m-fig__layer{z-index:1;position:absolute}.m-fig__layer--anchor{z-index:0;position:relative}.m-fig__card{box-shadow:0 .15em .4em rgba(var(--m-primary-rgb), .06), 0 .9em 2.4em rgba(var(--m-primary-rgb), .18);background:#fff;border-radius:.85em}.m-fig__chip{border-radius:var(--m-radius-pill);box-shadow:0 .5em 1.5em rgba(var(--m-primary-rgb), .2);white-space:nowrap;background:#fff;align-items:center;gap:.45em;padding:.5em .85em;font-size:.82em;font-weight:700;display:inline-flex}.m-fig__tick{background:var(--m-success);color:#fff;border-radius:50%;flex:none;place-items:center;width:1.5em;height:1.5em;font-size:.9em;display:grid}.m-fig__icon{flex:none;width:1em;height:1em}@keyframes m-fig-in{0%{opacity:0;transform:translateY(1.2em)}}@keyframes m-fig-float{50%{transform:translateY(-.55em)}}.in-view [data-active] .m-fig__layer{animation:m-fig-in .6s var(--m-ease) var(--m-fig-d,0s) both, m-fig-float var(--m-fig-t,7s) ease-in-out calc(var(--m-fig-d,0s) + .6s) infinite}.m-fig1__win{width:27em;max-width:100%}.m-fig1__bar{border-bottom:1px solid var(--m-border);align-items:center;gap:.7em;padding:.7em .9em;display:flex}.m-fig1__dots{flex:none;gap:.3em;display:flex}.m-fig1__dots i{background:var(--m-border-strong);border-radius:50%;width:.5em;height:.5em}.m-fig1__url{border:1px solid var(--m-border);border-radius:var(--m-radius-pill);min-width:0;color:var(--m-ink-muted);background:#fbfdff;flex:1;align-items:center;gap:.4em;padding:.3em .7em;font-size:.78em;display:flex}.m-fig1__url b{color:var(--m-primary)}.m-fig1__url svg{color:var(--m-success)}.m-fig1__body{padding:.9em}.m-fig1__issuer{align-items:center;gap:.6em;margin-bottom:.75em;display:flex}.m-fig1__logo{background:var(--m-tint);width:2em;height:2em;color:var(--m-primary);border-radius:50%;flex:none;place-items:center;font-size:.9em;font-weight:900;display:grid}.m-fig1__issuer b{font-size:.8em;display:block}.m-fig1__issuer em{color:var(--m-ink-faint);font-size:.62em;font-style:normal;display:block}.m-fig1__sheet{border:1px solid var(--m-border);text-align:center;background:linear-gradient(160deg,#fff,#f7fbff);border-radius:.35em;padding:1.1em .9em 1.2em;position:relative;overflow:hidden}.m-fig1__kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--m-primary);font-size:.55em;font-weight:700}.m-fig1__name{font-family:var(--m-display);margin:.15em 0 .1em;font-size:1.5em;line-height:1.1}.m-fig1__course{color:var(--m-ink-faint);font-size:.6em}.m-fig1__rule{background:var(--m-highlight);border-radius:2px;width:3em;height:2px;margin:.5em auto 0}.m-fig1__status{background:#f2fbf6;border:1px solid #cdebda;border-radius:.5em;align-items:center;gap:.55em;margin-top:.8em;padding:.55em .7em;display:flex}.m-fig1__status b{color:#146c43;white-space:nowrap;font-size:.68em;overflow:hidden}.m-fig1__seal{background:var(--m-success);color:#fff;text-align:center;border-radius:50%;place-items:center;width:6.4em;height:6.4em;display:grid;position:absolute;bottom:12%;right:4%;box-shadow:0 .7em 1.8em #19875466}.m-fig1__seal svg{width:3.8em;height:3.8em}.m-fig1__seal span{letter-spacing:.1em;text-transform:uppercase;font-size:.58em;font-weight:900;position:absolute;bottom:.9em;left:0;right:0}.m-fig1__nologin{top:8%;left:1%}.in-view [data-active] .m-fig1__url{animation:m-fig1-open 2.6s var(--m-ease) .5s}@keyframes m-fig1-open{0%{border-color:var(--m-primary);box-shadow:0 0 0 0 rgba(var(--m-primary-rgb), .35)}40%{border-color:var(--m-primary);box-shadow:0 0 0 .45em rgba(var(--m-primary-rgb), 0)}}.in-view [data-active] .m-fig1__sheet:after{content:"";background:linear-gradient(90deg,#fff0,#ffffffd9,#fff0);width:2.6em;height:140%;animation:4.5s ease-in-out .9s infinite m-fig-sheen;position:absolute;top:-20%;left:0;transform:translate(-160%)skew(-18deg)}.in-view [data-active] .m-fig1__status b{animation:m-fig-write .9s var(--m-ease) 1.15s both}.in-view [data-active] .m-fig1__seal{animation:.7s cubic-bezier(.2,1.5,.4,1) 1.5s both m-fig1-stamp,8.2s ease-in-out 2.2s infinite m-fig-float}@keyframes m-fig1-stamp{0%{opacity:0;transform:scale(1.7)rotate(-14deg)}}.m-fig2__stack{justify-items:center;gap:1.1em;width:27.5em;max-width:100%;display:grid}.m-fig2__link{border-radius:var(--m-radius-pill);width:100%;box-shadow:0 .15em .4em rgba(var(--m-primary-rgb), .06), 0 .9em 2.4em rgba(var(--m-primary-rgb), .18);background:#fff;align-items:center;gap:.6em;padding:.85em 1.1em;display:flex}.m-fig2__lock{color:var(--m-success);flex:none}.m-fig2__swap{flex:1;min-width:0;font-size:1.05em;font-weight:700;display:grid}.m-fig2__swap span{color:var(--m-ink-faint);white-space:nowrap;grid-area:1/1;align-items:center;display:flex}.m-fig2__swap b{color:var(--m-primary)}.m-fig2__swap span+span{opacity:0}.m-fig2__copy{border-radius:var(--m-radius-pill);background:var(--m-tint);color:var(--m-primary);flex:none;padding:.35em .75em;font-size:.7em;font-weight:700}.m-fig2__row{align-items:center;gap:1.1em;width:100%;display:flex}.m-fig2__qr{padding:.7em;position:relative;overflow:hidden}.m-fig2__grid{width:9.6em;height:9.6em;display:block}.m-fig2__grid path{fill:var(--m-ink)}.m-fig2__share{flex:1;gap:.6em;padding:1em .9em;display:grid}.m-fig2__share em{letter-spacing:.1em;text-transform:uppercase;color:var(--m-ink-faint);font-size:.62em;font-style:normal;font-weight:700}.m-fig2__icons{gap:.5em;display:flex}.m-fig2__icons span{aspect-ratio:1;background:var(--m-tint);color:var(--m-primary);border-radius:50%;flex:0 2.5em;place-items:center;display:grid}.m-fig2__icons svg{width:52%;height:auto}.m-fig2__scan{bottom:7%;right:1%}.m-fig2__yours{top:6%;left:1%}.in-view [data-active] .m-fig2__swap span:first-child{animation:6.4s ease-in-out 1s infinite m-fig-swap-out}.in-view [data-active] .m-fig2__swap span+span{animation:6.4s ease-in-out 1s infinite m-fig-swap-in}.in-view [data-active] .m-fig2__grid path{animation:m-fig2-print .35s linear var(--m-fig-step,0s) both}@keyframes m-fig2-print{0%{opacity:0}}.in-view [data-active] .m-fig2__qr:after{content:"";opacity:0;background:var(--m-primary);height:.18em;box-shadow:0 0 1.2em .3em rgba(var(--m-primary-rgb), .45);border-radius:.18em;animation:3.6s ease-in-out 1.5s infinite m-fig2-scan;position:absolute;top:.5em;left:.4em;right:.4em}@keyframes m-fig2-scan{0%{opacity:0;top:.5em}15%,60%{opacity:1}75%,to{opacity:0;top:calc(100% - .7em)}}.in-view [data-active] .m-fig2__icons span{animation:m-fig-pop .5s cubic-bezier(.2, 1.4, .4, 1) var(--m-fig-step,0s) both}.m-fig3__sheet{width:24em;max-width:100%;padding:.6em;position:relative;overflow:hidden}.m-fig3__inner{border:1px solid var(--m-highlight);outline:1px solid var(--m-border);outline-offset:.25em;text-align:center;border-radius:.2em;padding:1.5em 1.2em 1.7em}.m-fig3__kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--m-primary);font-size:.58em;font-weight:700}.m-fig3__name{font-family:var(--m-display);margin:.2em 0 .05em;font-size:2em;line-height:1.05}.m-fig3__small{color:var(--m-ink-faint);font-size:.62em}.m-fig3__sig{font-family:var(--m-display);color:var(--m-primary);margin-top:1em;font-size:1.1em;line-height:1}.m-fig3__sigline{background:var(--m-border-strong);width:6em;height:1px;margin:.25em auto 0}.m-fig3__role{letter-spacing:.08em;color:var(--m-ink-faint);margin-top:.2em;font-size:.52em}.m-fig3__pass{color:#fff;background:linear-gradient(150deg,#2b3138,#16191d);border-radius:.7em;width:12.5em;padding:.8em .9em .7em;bottom:9%;left:2%;box-shadow:0 .9em 2.2em #0000004d}.m-fig3__pass-top{letter-spacing:.06em;color:#ffffffa6;align-items:center;gap:.4em;font-size:.6em;display:flex}.m-fig3__pass b{margin:.35em 0 .6em;font-size:.78em;line-height:1.25;display:block}.m-fig3__bars{align-items:stretch;gap:1px;height:1.7em;display:flex}.m-fig3__bars i{background:#fff;border-radius:.5px}.m-fig3__size{top:13%;right:3%}.m-fig3__size .m-fig__chip{gap:.55em}.m-fig3__scale{display:grid}.m-fig3__scale span{white-space:nowrap;grid-area:1/1;align-items:center;display:flex}.m-fig3__scale span+span{opacity:0}.in-view [data-active] .m-fig3__sheet{animation:6.4s ease-in-out .9s infinite m-fig3-zoom}@keyframes m-fig3-zoom{0%,to{transform:scale(.93)}45%,62%{transform:scale(1.06)}}.in-view [data-active] .m-fig3__sheet:after{content:"";background:linear-gradient(90deg,#fff0,#ffffffe6,#fff0);width:3em;height:140%;animation:6.4s ease-in-out 1.6s infinite m-fig-sheen;position:absolute;top:-20%;left:0;transform:translate(-160%)skew(-18deg)}.in-view [data-active] .m-fig3__scale span:first-child{animation:6.4s ease-in-out .9s infinite m-fig-swap-out}.in-view [data-active] .m-fig3__scale span+span{animation:6.4s ease-in-out .9s infinite m-fig-swap-in}.m-fig--brand{--m-brand:var(--m-primary)}.m-fig4__anchor{justify-self:start}.m-fig4__panel{width:19em;max-width:100%;padding:1em}.m-fig4__head{align-items:center;gap:.55em;margin-bottom:.9em;display:flex}.m-fig4__mark{background:var(--m-brand);color:#fff;border-radius:.5em;place-items:center;width:2.1em;height:2.1em;font-size:.9em;font-weight:900;transition:background .22s linear;display:grid}.m-fig4__head b{font-size:.8em}.m-fig4__head em{color:var(--m-ink-faint);font-size:.62em;font-style:normal;display:block}.m-fig4__label{letter-spacing:.12em;text-transform:uppercase;color:var(--m-ink-faint);margin-bottom:.3em;font-size:.55em;font-weight:700}.m-fig4__field{border:1px solid var(--m-border);background:#fbfdff;border-radius:.4em;justify-content:space-between;align-items:center;gap:.5em;height:2.3em;margin-bottom:.8em;padding:0 .7em;font-size:.85em;display:flex}.m-fig4__type{flex:1;display:grid}.m-fig4__type span{grid-area:1/1;align-items:center;display:flex}.m-fig4__type span+span{opacity:0;font-family:var(--m-display);font-size:1.35em}.m-fig4__swatches{gap:.75em;padding:.25em 0;display:flex;position:relative}.m-fig4__swatches i{border-radius:50%;width:1.5em;height:1.5em;box-shadow:inset 0 0 0 1px #00000014}.m-fig4__ring{border:2px solid var(--m-brand);border-radius:50%;width:2em;height:2em;margin:-.25em;transition:border-color .22s linear;position:absolute;top:.25em;left:0}.m-fig4__cert{text-align:center;width:15em;padding:.5em;top:6%;right:1%}.m-fig4__cert-inner{border:1.5px solid var(--m-brand);border-radius:.2em;padding:1em .7em 1.1em;transition:border-color .22s linear}.m-fig4__cert em{letter-spacing:.14em;text-transform:uppercase;color:var(--m-brand);font-size:.5em;font-style:normal;font-weight:700;transition:color .22s linear}.m-fig4__cert b{font-family:var(--m-display);margin:.1em 0 .15em;font-size:1.25em;font-weight:400;line-height:1.1;display:block}.m-fig4__cert i{background:var(--m-brand);border-radius:2px;width:2.4em;height:2px;margin:.35em auto 0;transition:background .22s linear;display:block}.m-fig4__mail{width:14em;bottom:5%;right:6%;overflow:hidden}.m-fig4__mail-bar{background:var(--m-brand);color:#fff;align-items:center;gap:.4em;padding:.5em .7em;font-size:.62em;font-weight:700;transition:background .22s linear;display:flex}.m-fig4__mail-body{padding:.7em}.m-fig4__mail-body u{background:var(--m-border);border-radius:.4em;height:.4em;text-decoration:none;display:block}.m-fig4__mail-body u+u{width:60%;margin-top:.35em}.m-fig4__mail-btn{background:var(--m-brand);color:#fff;text-align:center;border-radius:.3em;margin-top:.7em;padding:.45em;font-size:.62em;font-weight:700;transition:background .22s linear}.in-view [data-active] .m-fig--brand{animation:8s step-end .8s infinite m-fig4-brand}@keyframes m-fig4-brand{0%{--m-brand:#2268a2}25%{--m-brand:#9d1730}50%{--m-brand:#197a55}75%{--m-brand:#6f42c1}to{--m-brand:#2268a2}}.in-view [data-active] .m-fig4__ring{animation:m-fig4-ring 8s var(--m-ease) .8s infinite}@keyframes m-fig4-ring{0%,18%{transform:translate(0)}25%,43%{transform:translate(2.25em)}50%,68%{transform:translate(4.5em)}75%,93%{transform:translate(6.75em)}to{transform:translate(0)}}.in-view [data-active] .m-fig4__type span:first-child{animation:8s ease-in-out .8s infinite m-fig-swap-out}.in-view [data-active] .m-fig4__type span+span{animation:8s ease-in-out .8s infinite m-fig-swap-in}@keyframes m-fig-sheen{0%{transform:translate(-160%)skew(-18deg)}45%,to{transform:translate(1100%)skew(-18deg)}}@keyframes m-fig-write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes m-fig-pop{0%{opacity:0;transform:scale(.3)}}@keyframes m-fig-swap-out{0%,36%{opacity:1;transform:translateY(0)}43%,89%{opacity:0;transform:translateY(-.5em)}96%,to{opacity:1;transform:translateY(0)}}@keyframes m-fig-swap-in{0%,43%{opacity:0;transform:translateY(.5em)}50%,82%{opacity:1;transform:translateY(0)}89%,to{opacity:0;transform:translateY(.5em)}}@container (width<=26rem){.m-fig{aspect-ratio:1;font-size:clamp(9px,3.6cqw,17px)}.m-fig1__win,.m-fig2__stack{width:23em}.m-fig3__sheet{width:21em}.m-fig4__panel{width:17em}.m-fig4__cert{width:13em}.m-fig4__mail{width:12.5em}}
