@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);.container,.login__submit{align-items:center;display:flex}.containerLogo,.containerLogo>img{width:8rem;height:8rem}.message,body{overflow:hidden}.action>button,.login__submit{font-weight:700;cursor:pointer}*{box-sizing:border-box;margin:0;padding:0;font-family:Raleway,sans-serif}:root{--color1:rgb(185, 232, 255);--color2:rgb(17, 142, 209);--color3:rgb(0, 85, 165);--color4:rgb(26, 121, 185);--color5:rgb(0, 86, 149);--color6:rgb(05, 103, 158);--color7:rgb(20, 117, 181);--color8:rgb(07, 98, 172);--color9:rgb(0, 142, 219);--color10:rgb(0, 72, 157);--color11:#e0ded1;--color12:#dad2bb}body{background:linear-gradient(45deg,var(--color1),var(--color2))}.container{justify-content:center;min-height:100vh}.containerLogo{position:absolute;bottom:21.5rem;left:calc(50% - 4rem);border-radius:26px;border:1px solid #d4d3e8;background:#fff;box-shadow:0 2px 2px var(--color5)}.screen{background:linear-gradient(90deg,var(--color3),var(--color4));position:relative;height:500px;width:360px;box-shadow:0 0 24px var(--color5)}.screen__content{z-index:1;position:relative;height:100%}.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:var(--color8);top:-172px;right:0;border-radius:32px}.screen__background__shape3{height:540px;width:190px;background:linear-gradient(270deg,var(--color3),var(--color6));top:-24px;right:0;border-radius:32px}.screen__background__shape4{height:400px;width:200px;background:var(--color9);top:420px;right:50px;border-radius:60px}.login{width:320px;padding:156px 30px 30px}.login__field{padding:20px 0;position:relative}.login__icon,.popup,.social-login{position:absolute}.login__icon{top:30px;color:var(--color7)}.login__input{border:none;border-bottom:2px solid #d1d1d4;background:0 0;padding:10px 10px 10px 24px;font-weight:700;width:75%;transition:.2s}.login__input:active,.login__input:focus,.login__input:hover{outline:0;border-bottom-color:var(--color6)}.login__submit{background:#fff;font-size:14px;margin-top:30px;padding:16px 20px;border-radius:26px;border:1px solid #d4d3e8;text-transform:uppercase;width:100%;color:var(--color10);box-shadow:0 2px 2px var(--color5);transition:.2s}.button__text{text-align:center;width:100%}.login__submit:active,.login__submit:focus,.login__submit:hover{border-color:var(--color6);outline:0}.button__icon{font-size:24px;margin-left:auto;color:var(--color7)}.social-login{height:140px;width:160px;text-align:center;bottom:0;right:0;color:#fff}.social-icons{display:flex;align-items:center;justify-content:center}.social-login__icon{padding:20px 10px;color:#fff;text-decoration:none;text-shadow:0 0 8px var(--color7)}.social-login__icon:hover{transform:scale(1.5)}.errorInput{border-color:red;background:rgba(255,0,0,.2)}.popup{width:25rem;height:6rem;top:4rem;margin-left:calc(50% - 12.5rem);background-color:var(--white);box-shadow:2px 2px 1rem #212121;border-radius:.25rem}.action,.message{height:3rem;position:relative}.message{background:#bfedff;background:linear-gradient(331deg,#30c4ff 5%,var(--color3) 80%);border-radius:.25rem .25rem 0 0;font-size:.9rem;display:flex}.message>p{color:#fff;text-align:center;font-weight:700;margin:auto}.action{line-height:3rem;width:100%;background-color:#fff;border-radius:0 0 .25rem .25rem}.action>button{position:absolute;right:1rem;top:.8rem;outline:0;border:0;background-color:var(--color3);width:5rem;height:1.5rem;color:#fff;transition:background-color .2s ease-in-out;border-radius:.25rem}.containerAlert{width:100%;height:100%;background:RGBA(0,0,0,.4);position:absolute;top:0;left:0;z-index:10}.dNone{display:none!important}