@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);*,body,html{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Roboto,Helvetica,Arial,sans-serif;height:100%}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;text-align:center;color:#000}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.toast-container{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:99999;max-width:400px;width:calc(100% - 32px);pointer-events:none;visibility:hidden;opacity:0;transition:all .3s ease}.toast-container.container-visible{visibility:visible;opacity:1}.toast{background:#f24236;color:#fff;padding:16px 20px;border-radius:8px;font-size:16px;font-weight:500;line-height:1.4;box-shadow:0 8px 24px rgba(0,0,0,.3);opacity:0;transform:translateY(-20px);transition:all .3s ease;pointer-events:auto;visibility:hidden;margin-bottom:8px}.toast.toast-visible{visibility:visible}.toast.toast-show{opacity:1;transform:translateY(0)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.visible{display:block}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.loading{position:relative;pointer-events:none;opacity:.7}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite;z-index:10}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading .join-button-text{opacity:0}