:root{--background-color-login:#FCFCFE;--form-background-color-login:#ffffff;--text-color-login:#333333;--input-border-color-login:#E5E9F2;--input-focus-border-color-login:var(--primary);--button-color-login:var(--primary);--button-text-color-login:#ffffff}.ol-login-body{font-family:var(--font-family);background-color:var(--background-color-login);display:flex;justify-content:center;align-items:center;height:100vh;margin:0;padding:0;box-sizing:border-box;flex-direction:column}.ol-login-container{text-align:center;background-color:var(--form-background-color-login);padding:3rem 1.5rem;margin:10px;border-radius:16px;box-shadow:0 0 10px rgba(0,0,0,.1)}.ol-login-logo{width:100px;margin-bottom:1rem}.ol-login-title{color:var(--text-color-login);margin-bottom:1.5rem;font-size:1.2rem}.ol-login-form .ol-login-input{width:100%;padding:.8rem;margin-bottom:1rem;border:1px solid var(--input-border-color-login);border-radius:8px;font-size:1rem;box-sizing:border-box}.ol-login-form .ol-login-input:focus{border-color:var(--input-focus-border-color-login);outline:none}.ol-login-remember-me{display:flex;align-items:center;justify-content:flex-start;margin-bottom:1.5rem}.ol-login-checkbox{margin-right:.5rem}.ol-login-label{color:var(--text-color-login);font-size:1rem}.ol-login-logo-title{text-align:center}.ol-login-button{width:100%;padding:.8rem;background-color:var(--button-color-login);color:var(--button-text-color-login);border:none;border-radius:8px;font-size:1rem;cursor:pointer;box-sizing:border-box}.ol-login-button:hover{background-color:hsl(from var(--primary) h s calc(l - 5))}.ol-login-forgot-password{display:block;margin-top:1rem;color:var(--primary);text-decoration:none;font-size:.9rem}.ol-login-forgot-password:hover{text-decoration:underline}