@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);html{scroll-behavior:smooth}body{background-color:#fff!important}.main{margin-bottom:50px}*{font-family:Raleway,sans-serif}body{background:linear-gradient(90deg,#c7c5f4,#776bcc)}.container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:50px 0}.screen{background:linear-gradient(90deg,#5d54a3,#7c78b8);min-height:600px;width:360px;box-shadow:0 0 24px #5c5697;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.screen,.screen__content{position:relative;display:-ms-flexbox;display:flex}.screen__content{z-index:1;padding:130px 0 0;-ms-flex:1;flex:1;min-height:0;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.screen__background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.screen__background__shape{transform:rotate(45deg);position:absolute}.screen__background__shape1{height:520px;width:520px;background:#fff;top:-50px;right:120px;border-radius:0 72px 0 0}.screen__background__shape2{height:220px;width:220px;background:#6d64ad;top:-172px;right:0;border-radius:32px}.screen__background__shape3{height:540px;width:190px;background:linear-gradient(270deg,#5d54a3,#6b689f);top:-24px;right:0;border-radius:32px}.screen__background__shape4{height:400px;width:200px;background:#7e7bb9;bottom:-220px;right:50px;border-radius:60px}.login{width:320px;padding:0 30px}.login__field{padding:20px 0;position:relative}.login__fpwd{color:#fff;text-align:center}.login__icon{position:absolute;top:30px;color:#7875b5}.login__input{border:none;border-bottom:2px solid #d1d1d4;background:none;padding:10px;padding-left:24px;font-weight:700;width:75%;transition:.2s}.login__input:active,.login__input:focus,.login__input:hover{outline:none;border-bottom-color:#6b689f}.login__submit{background:#fff;font-size:14px;margin-top:30px;padding:16px 20px;border-radius:26px;border:1px solid #d4d3e8;text-transform:uppercase;font-weight:700;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;color:#8885c7;box-shadow:0 2px 2px #5c5697;cursor:pointer;transition:.2s}.login__submit:active,.login__submit:focus,.login__submit:hover{border-color:#6b689f;outline:none}.button__icon{font-size:24px;margin-left:auto;color:#7875b5}.social-login{height:140px;width:160px;text-align:center;color:#fff;-ms-flex-item-align:end;align-self:flex-end}.social-icons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.social-login__icon{padding:20px 10px;color:#fff;text-decoration:none;text-shadow:0 0 8px #7875b5;transition:all .3s ease}.social-login__icon:hover{transform:scale(1.5)}