button#animeButton{--red-color:#ff4343;width:40%;height:4.1rem;display:flex;justify-content:center;align-items:center;position:relative;background-color:transparent;border:none;overflow:hidden;transition:all .3s}button#animeButton p{color:var(--black)!important;transition:all .3s}button#animeButton:hover:not(button#animeButton.loading){box-shadow:0 0 20px var(--red-color),0 0 10px var(--red-color),0 0 5px var(--red-color);background-color:var(--red-color);cursor:pointer}button#animeButton:hover:not(button#animeButton.loading) p{color:#fff!important}button#animeButton div{position:absolute}button#animeButton .left{background-image:linear-gradient(to top,transparent,var(--red-color));position:absolute;height:100%;width:2px;left:0;top:100%;animation:animeL 1s linear infinite}button#animeButton .top{background-image:linear-gradient(to right,transparent,var(--red-color));position:absolute;width:100%;height:2px;top:0;left:-100%;animation:animeT 1s linear infinite;animation-delay:.5s}button#animeButton .right{background-image:linear-gradient(to bottom,transparent,var(--red-color));position:absolute;height:100%;width:2px;right:0;bottom:100%;animation:animeR 1s linear infinite}button#animeButton .bottom{background-image:linear-gradient(to left,transparent,var(--red-color));position:absolute;width:100%;height:2px;bottom:0;right:-100%;animation:animeB 1s linear infinite;animation-delay:.5s}@keyframes animeL{to{top:-100%}}@keyframes animeT{to{left:100%}}@keyframes animeR{to{bottom:-100%}}@keyframes animeB{to{right:100%}}button#animeButton .loading-container{display:none;position:relative;width:2rem;aspect-ratio:1;border-radius:50%;background-image:conic-gradient(transparent 20%,var(--red-color));animation:loading-anime 1s linear infinite}button#animeButton .loading-container:before{content:"";display:block;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1.6rem;aspect-ratio:1;border-radius:50%}@keyframes loading-anime{to{rotate:1turn}}button#animeButton.loading{cursor:default;transition:none!important}button#animeButton.loading div,button#animeButton.loading p{display:none}button#animeButton.loading .loading-container{display:block}main#Auth{width:100%;height:calc(100vh - 4rem);justify-content:center;align-items:center;margin:0}main#Auth,main#Auth form{display:flex;overflow:hidden}main#Auth form{background-color:var(--bg-color);z-index:3;flex-direction:column;position:relative;gap:2rem;border-radius:.5rem;box-shadow:0 3px 8px hsla(0,7%,50%,.24);padding:2rem}main#Auth form .to-home-link{filter:invert(1);opacity:.4;position:absolute;left:1rem;padding:.5rem;z-index:4;top:1rem;transition:opacity .15s}main#Auth form .to-home-link:hover{opacity:.9}main#Auth form h2{font-size:3rem;font-weight:400;margin-bottom:2rem;color:var(--bg-color);padding:2rem 0;width:100%;text-align:center;z-index:3}main#Auth form .header{width:100%;display:flex;justify-content:center;align-items:center;height:12rem;position:absolute;top:0;left:0;background-image:linear-gradient(110deg,#ff4343 30%,#fc6030,#ffba24)}main#Auth form .input-container{position:relative;width:100%}main#Auth form .input-container input{width:30rem;padding:1rem;color:var(--black);border:.1rem solid rgba(0,0,0,.459);border-radius:.2rem;background-color:transparent}main#Auth form .input-container input:focus{border:.1rem solid rgba(0,0,0,.733)}main#Auth form .input-container input:focus~label,main#Auth form .input-container input:not(:placeholder-shown)~label{top:0;font-size:1.3rem}main#Auth form .input-container label{position:absolute;top:50%;left:1.5rem;font-size:1.5rem;transform:translateY(-50%);color:var(--gray);transition:all .2s;background-color:var(--bg-color);padding:0 .5rem}main#Auth form p{font-size:1.4rem;color:var(--gray)}main#Auth form p a{color:#00388b}main#Auth form p a:hover{text-decoration:underline}#msg{position:absolute;top:3rem;right:3rem;background-color:var(--bg-color);z-index:99;border-left:.3rem solid #ff4343;border-radius:.5rem;padding:2rem 4rem;box-shadow:0 3px 8px rgba(0,0,0,.24);font-size:1.6rem;color:var(--black);transform:translateY(-100%);opacity:0;max-width:40rem}#msg.msg-anime{animation:msg 5s linear}@keyframes msg{5%,95%{transform:translateY(0);opacity:1}}#handleAuthPage{position:fixed;bottom:3rem;right:3rem;z-index:99;padding:1rem 2rem;border:.2rem solid transparent;transition:all .25s;color:#444;letter-spacing:.1rem;font-size:1.7rem;font-weight:500;border-radius:1rem}#handleAuthPage:before{position:absolute;content:"";left:50%;width:0;bottom:0;transform:translateX(-50%);height:.25rem;background-color:#444;transition:width .2s ease-out}#handleAuthPage:hover:before{width:100%}@media screen and (max-width:768px){form{width:100%}form input{width:100%!important}}