.login-page{color:#fff}.login-page .container{width:60%;min-height:100vh;padding:30px;background:rgba(0,0,0,.5);z-index:2;margin-top:180px}@media (max-width:992px){.login-page .container{padding-top:98px}}@media (max-height:500px){.login-page{height:auto}.login-page .container{padding-top:130px;padding-bottom:60px}}@media (max-width:768px){.login-page .container{width:90%;padding-top:130px;padding-bottom:60px}.login-page h1{font-size:36px;line-height:36px}.login-page h2{font-size:30px;line-height:24px}}.login-page .login-form{width:54%;padding:45px;background:var(--color-background)}.login-page .login-form .form-group{padding-bottom:8px}.login-page .login-form .validate{display:none;color:red;margin-bottom:15px;font-size:13px}.login-page .login-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:center;padding:15px;font-weight:600}.login-page .login-form .sent-message{color:#fff;background:#18d26e;font-weight:600}.login-page .login-form .loading,.login-page .login-form .sent-message{display:none;text-align:center;padding:15px}.login-page .login-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid var(--color-text);border-top:3px solid #1a1814;animation:animate-loading 1s linear infinite}.login-page .login-form input,.login-page .login-form textarea{border-radius:0;font-size:14px;background:#0c0b09;border-color:#625b4b;color:#fff}.login-page .login-form input::placeholder,.login-page .login-form textarea::placeholder{color:#a49b89}.login-page .login-form input:focus,.login-page .login-form textarea:focus{border-color:var(--color-text)}.login-page .login-form input{height:44px}.login-page .login-form textarea{padding:10px 12px}.login-page .login-form button[type=submit]{background:var(--color-gold);border:0;padding:10px 35px;color:#000;transition:.3s;border-radius:50px}.login-page .login-form button[type=submit]:hover{background:var(--color-text);transform:scale(1.05)}.login-page .register-link{color:var(--color-gold)}.login-page .register-link:hover{font-weight:700}.login-page .text-error{color:red}@media (max-width:768px){.login-page .login-form{width:100%;padding:30px 20px}}