.login{width:100%;height:100vh;height:100dvh;background-color:var(--surface-blue);display:flex;justify-content:center;align-items:center}.login__content{width:500px;background-color:var(--white);border-radius:10px;padding:4em 6em;display:flex;flex-direction:column;justify-content:center}.login__link-home{padding:.5em;display:flex;justify-content:center;align-content:center;gap:.3em}.login__logo{max-width:100%;object-fit:contain;height:100px;margin:1em auto auto}.login__form{margin-top:3em}.login__form input{width:100%;outline:none;border:1px solid var(--border-gray);border-radius:5px;margin-bottom:1em;padding:.5em}.login__form input:focus{border:1px solid var(--primary-accent)}.login__submit{display:block;width:100%;text-align:center}.login__error-message{margin-top:1em;padding:.25em .5em;background-color:var(--surface-red)}@media(max-width:1200px){.login{padding:2em}.login__content{width:min(500px,100%)}}@media(max-width:992px){.login{padding:2em}.login__content{padding:3em}.login__logo{height:90px}.login__form{margin-top:2.5em}}@media(max-width:768px){.login,.login__content{padding:2em}.login__logo{height:80px}.login__form{margin-top:2em}}@media(max-width:576px){.login{padding:1.5em}.login__content{padding:1.5em;border-radius:8px}.login__logo{height:70px}.login__form{margin-top:1.75em}.login__link-home{font-size:.95rem}}