.shiny-text{color:#0000;background:linear-gradient(120deg,#fff0 40%,#fffc 50%,#fff0 60%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shine;display:inline-block}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}
*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;background:#fff;width:100%;height:100%;font-family:system-ui,sans-serif}header{width:100%;margin:0;padding:20px}.band{grid-gap:20px;grid-template-columns:1fr;width:100%;margin:0;padding:0 20px;display:grid}@media (min-width:30em){.band{grid-template-columns:1fr 1fr}}@media (min-width:60em){.band{grid-template-columns:repeat(4,1fr)}}.card{color:#444;background:#fff;flex-direction:column;min-height:100%;text-decoration:none;transition:all .1s ease-in;display:flex;position:relative;top:0;box-shadow:0 2px 5px #0000001a}.card:hover{top:-2px;box-shadow:0 4px 5px #0003}.card article{flex-direction:column;flex:1;justify-content:space-between;padding:20px;display:flex}.card h1{color:#333;margin:0;font-size:20px}.card p{flex:1;line-height:1.4}.card span{color:#999;text-transform:uppercase;letter-spacing:.05em;margin-top:2em;font-size:12px;font-weight:700}.card .thumb{background-position:50%;background-size:cover;padding-bottom:60%}@media (min-width:60em){.item-1{grid-column:1/span 2}.item-1 h1{font-size:24px}}
.pushbutton{all:unset;cursor:pointer;-webkit-tap-highlight-color:#0000;background-color:#009688bf;border-radius:999vw;position:relative;box-shadow:-.15em -.15em .15em -.075em #00606440,.0375em .0375em .0675em #0060641a}.pushbutton:after{content:"";z-index:0;border-radius:inherit;filter:blur(.0125em);opacity:.25;mix-blend-mode:multiply;background:linear-gradient(-135deg,#00695c80,#0000 20% 100%);width:calc(100% + .3em);height:calc(100% + .3em);position:absolute;top:-.15em;left:-.15em}.pushbutton .button-outer{z-index:1;border-radius:inherit;will-change:box-shadow;transition:box-shadow .3s;position:relative;box-shadow:0 .05em .05em -.01em #006064b3,0 .01em .01em -.01em #00606466,.15em .3em .1em -.01em #00606433}.pushbutton:hover .button-outer{box-shadow:none}.pushbutton .button-inner{--inset:.035em;z-index:1;border-radius:inherit;will-change:box-shadow,clip-path,background-image,transform;clip-path:inset(0 round 999vw);background-image:linear-gradient(135deg,#e0f7fa,#b2ebf2);padding:1em 1.5em;transition:box-shadow .3s,clip-path .25s,background-image .25s,transform .25s;position:relative;overflow:clip;box-shadow:inset 0 0 #0096881a,inset -.05em -.05em .05em #00968840,inset 0 0 #0096881a,inset 0 0 .05em .2em #ffffff40,inset .025em .05em .1em #fff,inset .12em .12em .12em #ffffff40,inset -.075em -.25em .25em .1em #00606440}.pushbutton:hover .button-inner{clip-path:inset(clamp(1px,.0625em,2px) round 999vw);box-shadow:inset .1em .15em .05em #006064bf,inset -.025em -.03em .05em .025em #00606480,inset .25em .25em .2em #00606480,inset 0 0 .05em .5em #ffffff26,inset 0 0 #fff,inset .12em .12em .12em #ffffff40,inset -.075em -.12em .2em .1em #00606440}.pushbutton .button-inner span{z-index:4;letter-spacing:-.05em;color:#0000;will-change:transform;text-shadow:0 0 .1em #0000001a;-webkit-user-select:none;user-select:none;background-image:linear-gradient(135deg,#00796b,#00695c);-webkit-background-clip:text;background-clip:text;font-family:Inter,sans-serif;font-weight:500;transition:transform .25s;display:block;position:relative}.pushbutton:hover .button-inner span,.pushbutton:active .button-inner{transform:scale(.975)}
@keyframes button-shadow{0%{opacity:1;bottom:-5px;right:-5px;transform:rotate(0)}to{opacity:0;bottom:50px;right:-60px;transform:rotate(40deg)}}@keyframes button-arrow-rotate{0%{width:15px;margin:-25px auto 0}1%{width:10px;height:0;margin-top:15px;transform:rotate(45deg)}to{width:10px;height:35px;margin-top:15px;transform:rotate(45deg)}}@keyframes button-arrow-down{0%{opacity:1;bottom:-25px}to{opacity:0;bottom:-40px}}@keyframes button-arrow-up{0%{height:20px;right:-7px;transform:rotate(45deg)}1%{width:0;height:10px;right:0;transform:rotate(0)}to{width:20px;height:10px;right:0;transform:rotate(0)}}.Downloadbutton{cursor:pointer;background-color:#fff;border:none;border-radius:5px;outline:none;width:240px;height:70px;padding:20px;transition:all .5s;position:relative}.Downloadbutton .arrow{background-color:#99f3bd;border-radius:2px;width:15px;height:25px;margin:-25px auto 0;position:relative}.Downloadbutton .arrow:after{content:"";background-color:#99f3bd;border-radius:2px;width:20px;height:20px;transition:all .5s .5s;position:absolute;bottom:0;right:-7px;transform:rotate(45deg)translate(1px,7px)}.Downloadbutton .arrow:before{content:"";background-color:#99f3bd;border-radius:2px;width:25px;height:10px;transition:all .5s;position:absolute;bottom:-25px;left:-5px}.Downloadbutton:after,.Downloadbutton:before{content:"";z-index:-1;background-color:#50cde6;border-radius:5px;width:100%;height:100%;position:absolute;bottom:-5px;right:-5px}.Downloadbutton:after{animation-play-state:pause}.Downloadbutton:active{width:180px;height:90px}.Downloadbutton:focus:after{animation:1s button-shadow}.Downloadbutton:focus .arrow{animation:.5s .5s forwards button-arrow-rotate}.Downloadbutton:focus .arrow:after{animation:.5s .5s forwards button-arrow-up}.Downloadbutton:focus .arrow:before{animation:.5s forwards button-arrow-down}
