@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}body{font-family:Roboto,sans-serif;background:#f1f1f3;color:#2f3945}main{display:grid;grid-template-columns:1fr 2fr;height:100vh;overflow:hidden;background:none;background-size:contain;background-position-x:right}@-webkit-keyframes from-left{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes from-left{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes from-right{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes from-right{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes from-top{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes from-top{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes from-bottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes from-bottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.sidebar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:80px;-webkit-animation:from-left 1s;animation:from-left 1s}.sidebar .logo{height:50px;margin-bottom:50px}.sidebar .logo,.sidebar .machinne{-o-object-fit:scale-down;object-fit:scale-down}.sidebar .machinne{height:550px}.form-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:80px;background:#fff;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-animation:from-right 1s;animation:from-right 1s}.form-wrapper h1{margin-top:15px;margin-bottom:50px}.logo-mobile{background:#222;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px;width:100%}.logo-mobile img{display:none;height:25px;-o-object-fit:scale-down;object-fit:scale-down}.form-wrapper hr{display:none;opacity:.2;margin:50px 0}.form-wrapper form{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.form-wrapper form .actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:50px}.form-wrapper form .actions a{color:#07cff6}.form-wrapper button{width:100%;display:inline-block;height:48px;background:#07cff6;border:none;cursor:pointer;font-size:1em;font-weight:400;color:#fff;border-radius:2px;-webkit-transition:all .4s;transition:all .4s}.form-wrapper button:hover{color:#fff;text-decoration:none;background:#0582a5}.form-wrapper button:disabled{color:#fff;text-decoration:none;background:#dadada;cursor:not-allowed}.input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:25px}.input-group label{font-size:14px;text-transform:uppercase;margin-bottom:5px}.input-group input{height:48px;padding:15px;font-size:16px;color:#2f3945;border:1px solid #f2f2f2;border-radius:2px;-webkit-transition:all .4s;transition:all .4s}.input-group input:focus{border-color:#07cff6;outline:none}.input-group input::-webkit-input-placeholder{color:#ccc}.input-group input::-moz-placeholder{color:#ccc}.input-group input:-ms-input-placeholder{color:#ccc}.input-group input::-ms-input-placeholder{color:#ccc}.input-group input::placeholder{color:#ccc}@media only screen and (max-width:768px){main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:25px}.sidebar{display:none}.form-wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px;-webkit-animation:from-bottom 1.3s;animation:from-bottom 1.3s}.form-wrapper form{width:100%;-webkit-animation:from-bottom 1.5s;animation:from-bottom 1.5s}.form-wrapper form .actions{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.form-wrapper h1{text-align:center;-webkit-animation:from-bottom 1.5s;animation:from-bottom 1.5s}.logo-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:from-bottom 1s;animation:from-bottom 1s}.logo-mobile img{display:block}}.help{width:100%;margin-top:10px;font-size:80%;color:#e86056}.alert-danger{color:#e86056;background-color:#fee2e1;border-color:#fdd6d6}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent}