.main[data-v-839f4562]{margin-bottom:90px}.container[data-v-839f4562]{justify-content:space-between;flex-wrap:wrap;margin-top:60px}.card[data-v-839f4562]{position:relative;width:445px;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.2);overflow:hidden}.card[data-v-839f4562]:hover{transform:scale(1.04)}.card:hover .join[data-v-839f4562]{background-color:var(--font-color);color:#fff}.card:hover .dark[data-v-839f4562]{width:100%;transition:transform 1s;transform:rotateY(0deg)}.card:hover .dark-box[data-v-839f4562]{display:block}.dark[data-v-839f4562]{display:flex;justify-content:center;align-items:center;position:absolute;width:0;top:0;bottom:0;transform:rotateY(90deg);background-color:rgba(0,0,0,.4)}.dark-box[data-v-839f4562]{display:none;padding:30px 20px;border-radius:10px;color:#fff;background-color:rgba(0,0,0,.5)}.dark-box span[data-v-839f4562]{line-height:1.5}.dark-box-title[data-v-839f4562]{display:inline-block;width:80px}.card-img[data-v-839f4562]{font-size:0}.card-img img[data-v-839f4562]{width:100%;height:326px}.card-title[data-v-839f4562]{text-align:center;padding:10px 20px}.card-title span[data-v-839f4562]{font-size:18px;font-weight:700}.card-desc[data-v-839f4562],.card-footer[data-v-839f4562]{padding:0 20px}.card-desc[data-v-839f4562]{margin-bottom:20px;font-size:14px;color:#333}.card-desc p[data-v-839f4562]{margin:0;line-height:1.8}.card-footer[data-v-839f4562]{padding:0 20px 20px;flex-direction:row-reverse}.join[data-v-839f4562]{z-index:2;padding:5px 10px;border:1px solid var(--font-color);border-radius:20px;font-size:14px;color:var(--font-color);cursor:pointer}.join[data-v-839f4562]:active{transform:scale(.98)}