:root{--card-color:#080808}.feature-cards-container{display:flex;flex-wrap:wrap;gap:8px;max-width:916px;width:calc(100% - 20px)}.feature-cards-container:hover>.feature-card:after{opacity:1}.feature-card{background-color:hsla(0,0%,6%,.1);border-radius:10px;cursor:pointer;border-color:#474747;border-width:1px;display:flex;height:300px;flex-direction:column;position:relative;width:300px}.feature-card:hover:before{opacity:1}.feature-card:after,.feature-card:before{border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%}.feature-card:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,67%,.06),transparent 40%);z-index:3}.feature-card:after{background:radial-gradient(700px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,67%,.2),transparent 40%);z-index:1}.feature-card>.content{background-color:var(--card-color);border-radius:inherit;display:flex;flex-direction:column;flex-grow:1;inset:1px;position:absolute;z-index:2}.card-image{align-items:center;display:flex;height:140px;justify-content:center;overflow:hidden}.card-image>i{font-size:6em;opacity:.25}.card-info-wrapper{justify-content:flex-start;padding:0 20px}.card-info,.card-info-wrapper{height:-moz-min-content;height:min-content}.card-info{align-items:flex-start;display:flex;gap:10px}.card-info>i{font-size:1em;height:20px;line-height:20px}.card-info-title>h3{font-size:1.1em;line-height:20px;color:hsla(0,0%,100%,.842)}.card-info-title>h4{color:hsla(0,0%,100%,.5);font-size:.85em;margin-top:8px}@media(max-width:1000px){.feature-cards-container{max-width:1000px;padding:10px 0}.feature-card{flex-shrink:1;width:calc(50% - 4px)}}@media(max-width:500px){.feature-card{height:180px}.card-image{height:80px}.card-image>i{font-size:3em}.card-info-wrapper{padding:0 10px}.card-info>i{font-size:.8em}.card-info-title>h3{font-size:.9em}.card-info-title>h4{font-size:.8em;margin-top:4px}}@media(max-width:320px){.feature-card{width:100%}}@keyframes pan{0%{background-position:0 0}to{background-position:100% 100%}}.background{background-image:url(/images/tilepattern.png);background-size:1%;animation:pan 360s linear infinite;will-change:background-position}.join-button,.join-button-container{width:400px;height:180px}.join-button-container{position:relative;overflow:hidden}.join-button-container:before{background-color:#f1f1f1;left:0}.join-button-container:after,.join-button-container:before{content:"";width:400px;top:0;height:180px;display:flex;position:absolute;mix-blend-mode:difference}.join-button-container:after{background-color:#fff;left:-100%;transition:.37s}.join-button-container:hover:after{left:0}