@import url("https://fonts.googleapis.com/css?family=Raleway:400,700");*{box-sizing:border-box;font-family:Raleway,sans-serif;margin:0;padding:0}.container{align-items:center;display:flex;justify-content:center;min-height:100vh}.screen{background:linear-gradient(90deg,#1e5087,#1e5087);box-shadow:0 0 24px #5c5696;height:600px;position:relative;width:360px}.screen__content{height:100%;position:relative;z-index:1}.screen__background{bottom:0;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);left:0;position:absolute;right:0;top:0;z-index:0}.screen__background__shape{position:absolute;transform:rotate(45deg)}.screen__background__shape1{background:#fff;border-radius:0 72px 0 0;height:520px;right:120px;top:-50px;width:520px}.screen__background__shape2{background:#e18637;border-radius:32px;height:220px;right:0;top:-172px;width:220px}.screen__background__shape3{background:linear-gradient(270deg,#54a6da,#54a6da);border-radius:32px;height:540px;right:0;top:-24px;width:190px}.screen__background__shape4{background:#fff;border-radius:60px;height:400px;right:50px;top:420px;width:200px}.login{padding:95px 30px 30px;width:320px}.login__field{padding:20px 0;position:relative}.login__icon{color:#7875b5;position:absolute;top:30px}.login__input{background:none;border:none;border-bottom:2px solid #d1d1d4;font-weight:700;padding:10px 10px 10px 24px;transition:.2s;width:75%}.login__input:active,.login__input:focus,.login__input:hover{border-bottom-color:#6a679e;outline:none}.login__submit{align-items:center;background:#f7f7f7;border:1px solid #d4d3e8;border-radius:26px;box-shadow:0 2px 2px #1e5087;color:#1e5087;cursor:pointer;display:flex;font-size:14px;font-weight:700;margin-top:30px;padding:16px 46px;text-transform:capitalize;transition:.2s;width:73%}.login__submit:active,.login__submit:focus,.login__submit:hover{border-color:#6a679e;outline:none}.button__icon{color:#7875b5;font-size:24px;margin-left:auto}.social-login{bottom:0;color:#fff;height:140px;position:absolute;right:0;text-align:center;width:160px}.social-icons{align-items:center;display:flex;justify-content:center}.social-login__icon{color:#fff;padding:20px 10px;text-decoration:none;text-shadow:0 0 8px #7875b5}.social-login__icon:hover{transform:scale(1.5)}@media screen and (max-width:480px){.container{align-items:baseline;display:flex;justify-content:center}.screen{box-shadow:0 0 24px #5c569600;height:710px;position:fixed;width:360px}}.header--sticky-inactive .header__section--main{animation:sticky_header_inactive .2s ease-in-out;display:none}.footer{background:#222326;display:none}.header--sticky-active .header__section--main{animation:sticky_header_active .2s ease-in-out;box-shadow:0 8px 16px rgba(34,35,38,.05),0 4px 8px rgba(34,35,38,.05);display:none}