body{background-color:#d3d3d3}*{box-sizing:border-box;margin:0}:root{--color-intranet-main-1:#303f5f;--color-intranet-main-1-opacity:rgba(48,63,95,.6)}.login__container{background:#fff;display:flex;font-family:sans-serif;height:100vh;width:100vw}.login__container__left{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:left;animation-name:left;display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:-50px;overflow:hidden}.login__container__left__logo{margin:0;width:240px}input .login__container__left__form{display:flex;flex-direction:column;margin:0 auto;text-align:center;width:100%}.login__container__left__form>p{text-align:right}.login__container__left__form>p>a{color:#000;font-size:14px}.login__container__left__form__field{background:linear-gradient(180deg,#fff,#f8faff);border:none;border-bottom:2px solid #d2e2ff;border-radius:4px;font-family:sans-serif;height:46px;margin-top:20px;outline:0;padding:0 16px;transition:.2s;width:100%}.login__container__left__form__field:focus{border-color:var(--color-intranet-main-1)}.login__container__left__form__button{background:var(--color-intranet-main-1);border:0;border-radius:3px;color:#fff;cursor:pointer;font-family:sans-serif;letter-spacing:1px;margin-top:2rem;padding:12px 10px;position:relative;text-decoration:none;top:0;transition:top .5s ease;width:100%}.login__container__left__form__button:hover{box-shadow:0 0 3px #000;top:-10px}.login__container__left__form__label{display:none}.login__container__left__form__comm{color:red;margin-top:2rem}.login__container__right{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1;transition:1s}.login__container__right:before{background:var(--color-intranet-main-1-opacity);content:"";height:100vh;position:fixed;top:0;width:100vw}.login__animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.login__animation_1{-webkit-animation-delay:.9s;animation-delay:.9s}.login__animation_2{-webkit-animation-delay:1s;animation-delay:1s}.login__animation_3{-webkit-animation-delay:1.2s;animation-delay:1.2s}.login__animation_4{-webkit-animation-delay:1.4s;animation-delay:1.4s}.login__animation_5{-webkit-animation-delay:1.6s;animation-delay:1.6s}.login__animation_6{-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes left{0%{opacity:0;width:0}to{opacity:1;padding:20px 40px;width:500px}}@keyframes left{0%{opacity:0;width:0}to{opacity:1;padding:20px 40px;width:500px}}@media screen and (max-width:980px){.login__container__right{display:none}.login__container{align-items:center;background-image:linear-gradient(to right bottom,var(--color-intranet-main-1-opacity),var(--color-intranet-main-1-opacity)),url(/build/images/phinance_login_background.e02f0b0b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:row;font-size:2.8rem;justify-content:center}.login__container__left{background:#fff;gap:2rem;width:100vw!important}.login__container__left__form input,.login__container__left__form label{font-size:1.1em}.login__container__left__form__field{height:120px}.login__container__left__form{padding:0 2em 1em}.login__container__left__form__button{margin-top:1.5em;padding:37px 0}.login__container__left__form__comm{padding:0 0 0 2em}}