*{margin:0;padding:0;box-sizing:border-box;line-height:1;font-family:"Poppins", sans-serif;font-weight:400;font-style:normal;color:#464255}body{overflow-x:hidden}a{display:inline-block;text-decoration:none}input{outline:none}input[type=submit]{cursor:pointer}button{background-color:transparent;outline:none;cursor:pointer}ul{list-style:none}img{width:100%}p{font-size:15px}.h1{font-size:32px;font-weight:600}.h2{font-size:24px;font-weight:500}.h3{font-size:21px;font-weight:500}.h4{font-size:18px;font-weight:500}.h5{font-size:15px;font-weight:500}.h6{font-size:14px;font-weight:500}.animate{display:none}label input[type=text],
label input[type=email],
label input[type=password]{padding:18px 24px;background-color:#FFFFFF;border:2px solid #D0D6DE;border-radius:18px;transition:0.3s all}label input[type=text]:hover, label input[type=text]:focus,
label input[type=email]:hover,
label input[type=email]:focus,
label input[type=password]:hover,
label input[type=password]:focus{border:2px solid #00AEEF}.btn{display:inline-flex;position:relative;align-items:center;min-width:270px;padding:18px 26px;font-size:16px;font-weight:500;text-align:left;border:2px solid #00AEEF;border-radius:18px;transform:perspective(1px) translateZ(0) scale(1);transition:0.3s ease-in-out;overflow:hidden}.btn svg{display:inline-block;width:16px;height:16px;margin-right:15px;transition:0.3s all}.btn svg path{transition:0.3s all}.btn:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;border-radius:18px;z-index:-1;transform:scale(1);transition:0.3s ease-in-out}.btn:hover{color:#464255;transform:scale(1.05)}.btn:hover::before{width:100%;transform:scale(1.05)}.btn:hover svg{transform:translateX(-4px)}.btn.prm{color:#FFFFFF;background-color:#00AEEF}.btn.prm svg{fill:#FFFFFF;stroke:#FFFFFF}.btn.prm svg path{fill:#FFFFFF;stroke:#FFFFFF}.btn.prm:before{background-color:#d9f3fd}.btn.prm:hover{color:#464255}.btn.prm:hover svg{fill:#464255;stroke:#464255}.btn.prm:hover svg path{fill:#464255;stroke:#464255}.btn.snd{color:#464255;background-color:#d9f3fd}.btn.snd svg{fill:#00AEEF;stroke:#00AEEF}.btn.snd svg path{fill:#00AEEF;stroke:#00AEEF}.btn.snd:before{background-color:#00AEEF}.btn.snd:hover{color:#FFFFFF}.btn.snd:hover svg{fill:#FFFFFF;stroke:#FFFFFF}.btn.snd:hover svg path{fill:#FFFFFF;stroke:#FFFFFF}#login{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;background-color:#F3F2F7}#login section{justify-content:space-between;align-items:center;position:relative;width:80%;min-height:700px;border-radius:45px;background:linear-gradient(180deg, #00AEEF 5%, #B7DBF9 95%);overflow:hidden}#login section .left{display:inline-flex;position:relative;align-items:center;flex-wrap:wrap;width:60%;padding:75px;z-index:1}#login section .left img{max-width:650px}#login section .left .h1,
#login section .left p{display:block;width:100%;margin-top:25px;color:#FFFFFF}#login section .left .h1{font-size:52px;font-weight:700}#login section .left p{font-size:24px}#login section .right{position:relative;width:40%;height:700px;background-color:#FFFFFF;border-radius:45px;padding:15px;z-index:1}#login section .right form{display:none;padding:150px 60px 0}#login section .right form .h1{font-size:52px;text-align:center}#login section .right form p{padding:20px 0 50px;font-size:20px;text-align:center}#login section .right form .fields_container label{display:block;margin-bottom:20px}#login section .right form .fields_container label input{width:100%}#login section .right form .btn{justify-content:center;width:100%;text-transform:uppercase;letter-spacing:2px}#login section .right form#sign_in{display:block}#login section .right:before{content:"";position:absolute;width:100%;height:70px;top:0;left:0;background-color:#d9f3fd;border-radius:45px 45px 0 0}#login section .right:after{content:"";position:absolute;width:100%;height:45px;top:30px;left:0;background-color:#f4fafe;border-radius:45px 45px 0 0}#login section .animated_rectangles{position:absolute;top:0;left:0;width:60%;height:100%;z-index:0}#login section .animated_rectangles div{position:absolute;background-color:#FFFFFF;border-radius:55px;opacity:0.15;animation-iteration-count:infinite}#login section .animated_rectangles .rect1{width:400px;height:375px;top:-50px;left:-95px;animation-name:rect1;animation-duration:3s}#login section .animated_rectangles .rect2{width:230px;height:250px;top:145px;left:-60px;animation-name:rect2;animation-duration:5s}#login section .animated_rectangles .rect3{width:400px;height:375px;bottom:65px;right:-270px;animation-name:rect3;animation-duration:4.5s}#login section .animated_rectangles .rect4{width:260px;height:280px;bottom:-60px;right:35px;animation-name:rect4;animation-duration:4s}@keyframes rect1{0%{top:-50px;left:-95px}50%{top:-55px;left:-115px}100%{top:-50px;left:-95px}}@keyframes rect2{0%{top:145px;left:-60px}50%{top:165px;left:-80px}100%{top:145px;left:-60px}}@keyframes rect3{0%{bottom:65px;right:-270px}50%{bottom:85px;right:-250px}100%{bottom:65px;right:-270px}}@keyframes rect4{0%{bottom:-60px;right:35px}50%{bottom:-50px;right:30px}100%{bottom:-60px;right:35px}}