#login-modal{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}#login-modal a>input{color:#fff}#login-modal .box{position:relative;width:380px;height:500px;border-radius:8px;background:#1c1c1c;overflow:hidden}#login-modal .box.register{width:425px;height:690px}#login-modal .box.forget-pass{height:400px}#login-modal .box::before{content:'';position:absolute;top:-50%;left:-50%;width:380px;height:420px;background:linear-gradient(0deg,transparent,#45f4ff,#45f4ff);transform-origin:bottom right;animation:animate 9s linear infinite}#login-modal .box::after{content:'';position:absolute;top:-50%;left:-50%;width:380px;height:420px;background:linear-gradient(0deg,transparent,#45f4ff,#45f4ff);transform-origin:bottom right;animation:animate 9s linear infinite;animation-delay:-3s}@keyframes animate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#login-modal .form{position:absolute;inset:2px;border-radius:8px;background:#28292d;z-index:10;padding:50px 40px;display:flex;flex-direction:column}#login-modal .form img{margin:auto}#login-modal .inputBox{position:relative;width:100%px;margin-top:35px}#login-modal .inputBox input{position:relative;width:100%;padding:10px 9px 10px;background:transparent;border:0;outline:0;color:#23242a;font-size:1em;letter-spacing:.05em;z-index:10}#login-modal .inputBox span{position:absolute;left:0;padding:10px 10px 10px;font-size:1em;color:#8f8f8f;pointer-events:none;letter-spacing:.05em;transition:.5s}#login-modal .inputBox input:valid~span,#login-modal .inputBox input:focus~span{color:#45f3ff;transform:translateX(0) translateY(-34px);font-size:.75em}#login-modal .inputBox i{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#45f3ff;border-radius:4px;transition:.5s;pointer-events:none;z-index:9}#login-modal .inputBox input:valid~i,#login-modal .inputBox input:focus~i{height:44px}#login-modal .links{display:flex;justify-content:space-between}#login-modal .links a{margin:10px 0;font-size:.75em;color:#8f8f8f;text-decoration:none}#login-modal .links a:hover,#login-modal .links a:nth-child(2),#login-modal a.login{color:#45f3ff}#login-modal a.login:hover,.link a.sign-up:hover{color:#8f8f8f}#login-modal input[type='submit']{width:100%!important;border:0;outline:0;background:#45f3ff;padding:11px 25px;width:100px;margin-top:10px;border-radius:4px;font-weight:600;cursor:pointer}#login-modal input[type='submit']:active{opacity:.8}