.login-page{min-height:100vh;justify-content:space-between;padding:0;background:url(/images/bg-login.jpg) no-repeat top;background-size:auto;position:relative}.login-container,.login-page{width:100%;display:flex;flex-direction:column;align-items:center}.login-container{max-width:416px;justify-content:center;flex:1 1;margin-bottom:0}.logo-container{margin-top:40px;text-align:center}.login-box{width:100%;background-color:rgba(255,255,255,.8);border-radius:30px;padding:40px 32px;box-shadow:0 4px 20px rgba(0,0,0,.1);text-align:center}.login-title{font-weight:700;margin-bottom:10px}.login-subtitle{font-size:1rem;color:var(--color-0_1);margin-bottom:32px}.login-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.login-buttons .button-black{width:100%;padding:12px 24px}.login-register-link{font-size:.9rem;color:var(--color-0_1)}.login-register-link a.link{color:var(--color-4);font-weight:600;text-decoration:none}.login-register-link a.link:hover{text-decoration:underline}.login-copyright{text-align:center;font-size:.8rem;color:var(--color-0_1);margin-top:auto;padding:20px 0;width:100%}.login-box form{width:100%}.login-box .form-control{border-radius:8px;padding:10px 16px;background-color:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.1);margin-bottom:16px}.login-box .form-label{font-weight:500;margin-bottom:6px;color:var(--color-0_1)}.login-box .btn-primary{background-color:var(--color-4);border:none;border-radius:8px;padding:12px;font-weight:600}.login-box .btn-primary:hover{background-color:var(--color-5)}.login-box a.link{color:var(--color-4);font-weight:500}.login-box a.link:hover{color:var(--color-5)}@media (max-width:576px){.login-box{padding:30px 20px}.login-title{font-size:1.75rem}}