.App{background:linear-gradient(90deg,rgba(43,128,116,0) 0,rgba(255,255,255,.75) 20%,rgb(255,255,255) 30%),url(/images/login-background.webp);background-repeat:repeat;background-position:0;text-align:center}.App .methods_id{width:100%}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,serif}* .side-dots{position:fixed;right:2.5%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;z-index:1000;pointer-events:none}* .side-dots__dot{pointer-events:auto;width:1.5rem;height:1.5rem;border-radius:999px;background:#888f8c;opacity:.4;transition:transform .18s ease,opacity .18s ease,background .18s ease,box-shadow .18s ease;position:relative;cursor:pointer;outline:none;display:inline-block}* .side-dots__dot:focus,* .side-dots__dot:hover{opacity:1;transform:scale(1.15)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(43,128,116,.4)}70%{transform:scale(1);box-shadow:0 0 0 7px rgba(43,128,116,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(43,128,116,0)}}* .side-dots__dot.is-active{background:#2b8074;opacity:1;transform:scale(1.25);box-shadow:0 0 0 3px rgba(43,128,116,.15);animation:pulse 1.5s infinite}* .side-dots__tooltip{position:absolute;right:140%;top:50%;transform:translateY(-50%);background:#2a2a2a;color:#fff;font-size:12px;line-height:1;padding:6px 8px;border-radius:6px;opacity:0;white-space:nowrap;pointer-events:none;transition:opacity .15s ease,transform .15s ease}* .side-dots__dot:focus .side-dots__tooltip,* .side-dots__dot:hover .side-dots__tooltip{opacity:1;transform:translateY(-50%) translateX(-2px)}* .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}* .button_joinus{display:flex;flex-direction:row;align-items:center;justify-content:center;position:fixed;gap:1vw;right:0;top:180px;white-space:nowrap;border-radius:50px 0 0 50px;background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-left:2.5px solid #2b8074;border-bottom:2.5px solid #2b8074;border-color:#2b8074 currentcolor currentcolor;border-top:2.5px solid #2b8074;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:13px .8vw;color:#2b8074;font-size:20px;font-family:Inter,serif;font-weight:600;max-width:100vw;z-index:9999}* .button_joinus:hover{border-color:#3d403f;cursor:pointer;color:#3d403f}* .button_joinus:hover svg{fill:#3d403f}.button_joinus.hidden{display:none}.button_joinus_mobile{transform:scale(1.2);z-index:9999;position:fixed;bottom:20px;right:20px;display:none}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.line1{transform:translateY(-200px) translateX(300px)}.line1,.line2{position:absolute}.line2{transform:translateY(-180px) translateX(-850px)}.line3{transform:translateY(-150px) translateX(0)}.line3,.line4{position:absolute}.line4{transform:translateY(-550px) translateX(-900px)}.line5{position:absolute;transform:translateY(-280px) translateX(50px)}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:820px){.methods_id{width:100%}.button_joinus{display:none!important}.button_joinus_mobile{display:block}}@media(max-width:1800px){.line1,.line2,.line3,.line4,.line5{display:none}}@media(max-width:830px){.side-dots{display:none}}