*{padding:0;margin:0;box-sizing:border-box;list-style:none}@font-face{font-family:"Refinery 95";src:url(https://dress2.pages.dev/fonts/refinery-95-regular.ttf) format("truetype")}body{font-family:"Refinery 95",Roboto,sans-serif;min-height:100vh;background:linear-gradient(#ec40aa 5%,#ec40aa92,#fff);font-weight:700;color:#121212}main{width:min(750px,90%);padding-inline:clamp(.5rem,3vw,2rem);margin:0 auto;text-align:center}main .logo{margin:0 auto}main .user-info{display:flex;width:fit-content;margin:0 auto;gap:1rem}main .user-info :is(.online-users,.status){background-color:#ffffff8a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:1rem;color:#000;box-shadow:0 0 10px #312f2f4d;border:2px solid #d8668d}main .user-info span{color:#ff0057}main ul{display:flex;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}main ul li{cursor:pointer}main ul li img{width:100%;border-radius:50%}section{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;z-index:9999}section .box{background:linear-gradient(#ec40aa 5%,#ec40aa92,#fff);background-color:#fff;max-width:450px;padding:20px;z-index:777;border-radius:6px;border:3px solid #eecc9f;right:20px;left:20px;top:3rem;position:absolute;margin:0 auto}section .box .logo{width:75%;margin:0 auto;display:block}section .box .step{display:none}section .box .step.active{display:block}section .box .step-1 input{margin-top:20px;width:100%;margin-bottom:10px;padding-inline:20px;height:47px;border-radius:6px;border:2px solid #eecc9f;font-family:inherit}section .box .step-1 input:focus{outline:none;border-color:#d8668d}section .box .step-1 .error{color:#ff002b;font-size:.8rem;text-align:center;margin-bottom:1rem}section .box .step-2 div{margin:2rem auto;width:fit-content;text-align:center}section .box .step-2 div img{border-radius:50%;background-color:#fff;width:90px;height:90px}section .box .step-3{text-align:center}section .box .actions{display:flex;gap:1rem;justify-content:center}section .box .actions button{background:linear-gradient(45deg,#ff66b2,#ff4081);padding:10px 20px;border-radius:6px;border:0;color:#fff;bottom:17px;font-size:1.3rem;white-space:nowrap;text-transform:uppercase;cursor:pointer}section .box .actions button:hover{background:linear-gradient(45deg,#ff4081,#ff66b2)}section .box .actions button:active{transform:scale(.95)}.alert{position:fixed;bottom:65px;left:15px;background-color:#ffffff8a;display:flex;font-size:.8rem;align-items:center;padding:10px 20px;border-radius:6px;border:2px solid #d8668d;box-shadow:0 0 10px #312f2f4d;z-index:9999;opacity:0;visibility:hidden;animation-duration:.5s;animation-timing-function:ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert .content{display:flex;align-items:center;gap:10px}.alert .content img{width:50px;aspect-ratio:1;border-radius:50%;background-color:#fff}.alert.fade-in{animation-name:fadeIn;opacity:1;visibility:visible}.alert.fade-out{animation-name:fadeOut;opacity:0;visibility:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width: 1130px){:is(.right-img,.left-img){display:none}}._loader_ew8x3_3{--color: white;--size: 70px;min-width:var(--size);height:var(--size);display:grid;grid-template-columns:repeat(3,1fr);gap:5px}._loader_ew8x3_3 span{width:100%;height:100%;background-color:var(--color);animation:_keyframes-blink_ew8x3_1 .6s alternate infinite linear}._loader_ew8x3_3 span:nth-child(1){animation-delay:0ms}._loader_ew8x3_3 span:nth-child(2){animation-delay:.2s}._loader_ew8x3_3 span:nth-child(3){animation-delay:.3s}._loader_ew8x3_3 span:nth-child(4){animation-delay:.4s}._loader_ew8x3_3 span:nth-child(5){animation-delay:.5s}._loader_ew8x3_3 span:nth-child(6){animation-delay:.6s}@keyframes _keyframes-blink_ew8x3_1{0%{opacity:.3;transform:scale(.5) rotate(5deg)}50%{opacity:1;transform:scale(1)}}