body{margin:0;padding:0;font-family:'Hanken Grotesk',sans-serif;background-color:#272727;-webkit-text-size-adjust:100%}*,::after,::before{box-sizing:border-box}.login-container{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:16px}.login-container::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(39,39,39,0) 25%,#272727 50%);z-index:2;pointer-events:none}.img-login{position:absolute;top:0;left:0;width:50%;height:100%;object-fit:cover;opacity:.6;z-index:1;pointer-events:none}.login-box{position:relative;width:459px;height:auto;padding:50px 62px 35px 62px;background-color:#e9e6FC4D;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.4);text-align:center;z-index:3}.login-form{display:flex;flex-direction:column;height:calc(100% - 44px)}.login-title{margin:0 0 30px 0;color:#6ba4c9;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.input-group{margin-bottom:20px;text-align:left;width:100%}.input-group label{display:block;margin-bottom:8px;color:#fff;font-size:18px;font-weight:400}.input-group input{width:100%;padding:12px;background-color:#f0f2f5;color:#333;font-size:14px;border:none;border-radius:4px;outline:0}.remember-me{display:flex;align-items:center;margin-bottom:25px}.remember-me input{margin-right:8px;cursor:pointer}.remember-me label{color:#fff;font-size:16px;font-weight:400}.btn-submit{align-self:center;padding:12px 45px;background-color:var(--secondary-color);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;text-decoration:none}.btn-submit:hover{background-color:var(--secondary-color)}.login-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.forgot-password{display:inline-block;margin-top:15px;color:#fff;font-size:16px;text-decoration:none}.forgot-password:hover{text-decoration:underline}.register-link{color:#fff;font-size:20px;font-weight:700;text-decoration:none}.register-link:hover{text-decoration:underline}.error-message{color:#fff;font-size:14px}.password-reset-required{display:flex;flex-direction:column;gap:16px}.btn-back-home{display:inline-block;box-sizing:border-box;width:max-content;padding:12px 45px;background-color:transparent;color:var(--secondary-color);font-size:16px;font-weight:700;border:1px solid var(--secondary-color);border-radius:4px;cursor:pointer;text-align:center;text-decoration:none;transition:background-color .2s ease,color .2s ease;margin:0 auto;margin-top:20px}.btn-back-home:hover{background-color:var(--secondary-color);color:#fff}@media (max-width:1024px){.img-login{width:100%;height:100%}.login-container::after{background:linear-gradient(to bottom,rgba(39,39,39,.1) 0,#272727 90%)}.login-box{width:459px;padding:50px 62px 35px 62px}}@media (max-width:500px){.login-container{padding:80px 10px 40px 10px}.login-box{width:100%;max-width:459px;padding:45px 25px 35px 25px}.input-group label{font-size:18px}.register-link{font-size:20px}}