:root{--blue-100: #0063af;--blue-200: #009cdc;--blue-300: #edf3f7;--blue-400: #006dc1;--blue-500: #004774;--blue-600: #419bd6;--white-100: #fff;--black-100: #000;--gray-100: #797979;--gray-200: #e0e0e0;--gray-300: #d0d0d0;--gray-400: #707070;--gray-500: #959595;--gray-600: #dedede;--green-100: #75b629;--orange-100: #ff7443}.form{width:100%;font-size:1.5rem;border-radius:8px;border:1px solid var(--gray-300);font-weight:300;max-width:77rem;padding:calc(max(2.5rem, 4vw));-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;position:relative}.form .title{font-size:1.95rem;font-weight:300;margin-bottom:3rem;display:block;justify-self:flex-start}.form form{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:1.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:29rem}.form form input{border-radius:3px;border:1px solid var(--gray-300);padding:1rem 1.7rem;width:100%}.form form .login-username,.form form .login-password{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1 / span 2;width:100%;gap:0.2rem}.form form .login-submit{margin-top:3rem;-ms-grid-column-align:end;justify-self:end}.form form .login-submit input{padding:1rem 2rem;border-radius:3px;font-size:1.6rem;font-weight:bold;border:3px solid var(--blue-100);color:var(--white-100);background-color:var(--blue-100);cursor:pointer;-webkit-transition:background-color 0.2s ease, border-color 0.2s ease;transition:background-color 0.2s ease, border-color 0.2s ease;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.form form .login-submit input:not(:disabled):hover{background-color:var(--blue-400);border-color:var(--blue-400)}.form form .login-remember{max-width:12rem;margin-top:3rem;-ms-grid-column-align:start;justify-self:start;cursor:pointer}.form form .login-remember label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.2rem;color:var(--gray-100);gap:0.8rem;cursor:pointer}.form form .login-remember input{width:1.2rem}.form .image{display:none}.form a{color:var(--blue-100);font-weight:bold;display:block;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;justify-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;font-size:1.7rem;margin-top:2rem;margin-right:2rem;-webkit-transform:translateY(20px);transform:translateY(20px)}.form a::after{content:url(../svg/arrow-right-blue.svg);position:absolute;width:0.5rem;right:-1.5rem;top:0;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease}.form a:hover::after{-webkit-transform:translateX(4px);transform:translateX(4px)}@media (min-width: 1024px){.form{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.form .image{display:block;position:absolute;top:calc(50% - 1vw);right:15%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.form a{-webkit-transform:translateY(2.8vw) translateX(1.4vw);transform:translateY(2.8vw) translateX(1.4vw)}}