.content-box a::before,body::before{content:'';position:absolute;z-index:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui;background-color:#141414;background-image:url('/img/pattern.svg');background-repeat:repeat;background-size:cover;display:flex;justify-content:center;align-items:center;height:100vh;padding:20px;position:relative;overflow:hidden}body::before{top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(20,20,20,.7),rgb(10 10 10 / 97%));opacity:.5;pointer-events:none}.content-box,.content-box a{z-index:10;text-align:center}.content-box{background-color:#1e1e1e;padding:50px;border-radius:25px;color:#fff;max-width:340px;width:100%;box-shadow:0 0 20px 18px rgb(0 0 0 / 9%);margin-top:-50px}.content-box img{width:80px;border-radius:50%;margin-bottom:20px}.content-box h1{font-size:28px;margin-bottom:10px}.members-info{font-size:16px;margin-bottom:20px;color:rgba(204,204,204,.7)}.share-container{position:relative;margin-top:20px}.content-box a{position:relative;display:block;margin-bottom:10px;background-color:#286f9f;color:#fff;padding:16px;border-radius:12px;text-decoration:none;font-size:16px;overflow:hidden}.content-box a::before{top:-15px;left:-15px;width:calc(100% + 30px);height:calc(100% + 30px);background:linear-gradient(271deg,rgba(255,255,255,0) 30%,rgb(255 255 255 / 14%) 50%,rgba(255,255,255,0) 70%);opacity:.8;transform:skewX(-25deg);animation:3s infinite shine}@keyframes shine{0%{left:-150%}100%{left:150%}}.btn-text,.share-count{position:relative;z-index:2}.share-count{position:absolute;top:50%;right:10px;transform:translateY(-50%);background-color:#25648f;color:#fff;padding:7px;border-radius:14px;z-index:2}.progress-container{width:100%;height:8px;background-color:#444;border-radius:5px;margin-bottom:10px}.progress-bar{height:100%;width:5%;background-color:#1c93e3;border-radius:5px;transition:width .4s}@media (max-width:600px){.content-box,.invitation-box{max-width:330px;padding:30px}body{padding:10px}}