*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{display:flex;justify-content:center;align-items:center;background-color:#003ca4}.container{display:flex;width:100%;height:100vh;background:#fff0;overflow:hidden;box-shadow:0 4px 10px #0000001a}.login-section{width:50%;display:flex;align-items:center;justify-content:center;padding:20px;margin-top:-4%}.login-box{margin-top:25%;text-align:center;width:70%;height:100%;padding:30px;border-radius:10px;align-items:center}.login-box-2{margin-top:-28%;border-radius:20px;overflow:hidden;background-color:#f5f5f5;box-shadow:0 4px 10px #0001014d;height:500px}.login-box h2{background:#f5f5f5;color:#00f;padding:20px;border-radius:10px 10px 0 0;font-size:30px}.login-box p{margin-top:20px;color:#fff;font-size:14px;margin-bottom:20px}.input-group{position:relative;margin:15px auto 30px;width:80%}.input-group input{width:100%;padding:12px 40px 12px 10px}.input-group .icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:16px;cursor:pointer}.group{position:relative;width:100%}.input{width:100%;font-size:16px;padding:10px 10px 10px 5px;display:block;width:200px;border:none;border-bottom:1px solid #999;background:transparent}i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#f90157;font-size:18px;cursor:pointer}.input:focus{outline:none}label{color:#999;font-size:18px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input:focus~label,.input:valid~label{top:-20px;font-size:14px;color:#5264ae}.bar{position:relative;display:block;width:100%}.bar:before,.bar:after{content:"";height:2px;width:0;bottom:1px;position:absolute;background:#5264ae;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.bar:before{left:50%}.bar:after{right:50%}.input:focus~.bar:before,.input:focus~.bar:after{width:50%}.highlight{position:absolute;height:60%;width:100px;top:35%;left:0;pointer-events:none;opacity:.5}.input:focus~.highlight{animation:inputHighlighter .3s ease}@keyframes inputHighlighter{0%{background:#5264ae}to{width:0;background:transparent}}.forgot-password{display:block;text-align:left;font-size:12px;color:#0056f3;text-decoration:none;width:80%;margin:5px auto 20px}.button{margin-top:15%;display:inline-block;border-radius:7px;border:none;background:#003ca4;color:#fff;font-family:inherit;text-align:center;font-size:13px;width:80%;padding:12px;transition:all .4s;cursor:pointer;font-size:16px;border-bottom:0}.button:hover{background:#034ccc}.button span{cursor:pointer;display:inline-block;position:relative;transition:.4s}.button span:after{content:"";display:inline-block;position:absolute;opacity:0;top:0;right:-20px;transition:.7s;width:15px;height:15px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4 2 L10 8 L4 14" stroke="white" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-size:contain;background-repeat:no-repeat;margin-left:5px}.button:hover span{padding-right:13.55em}.button:hover span:after{opacity:4;right:0}.register{font-size:12px;margin-top:10px}.register a{color:#0056f3;text-decoration:none}.logo{margin-left:-2%;margin-top:-25%;width:75%;margin-bottom:20px}.image-section{width:60%;display:flex;justify-content:center;align-items:center;position:relative}form{width:100%}@media (max-width: 1327px){.container{flex-direction:column;height:auto}.login-section{width:100%;margin-top:0;padding:10px}.login-box{margin-top:5%;width:80%;padding:20px}.login-box h2{font-size:24px;padding:15px}.input-group input{padding:10px 30px 10px 8px;font-size:14px}.button{font-size:14px;padding:10px}.img-fundo{display:none}}.erro{display:flex;color:red;font-size:14px;margin-top:10px;text-align:center;justify-content:center}#particles{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:url(http://arnaudel.perso.neuf.fr/Payekhali/Fonds/1280/AS11-40-5873.jpg) no-repeat center center;background-size:cover;overflow:hidden}#intro{position:absolute;left:0;top:50%;padding:0 20px;width:100%;text-align:center}h1{text-transform:uppercase;font-size:85px;font-weight:700;letter-spacing:.015em}h1:after{content:"";width:80px;display:block;background:#fff;height:10px;margin:30px auto;line-height:1.1}p{margin:0 0 30px;font-size:24px}.btn{display:inline-block;padding:15px 30px;border:2px solid #fff;text-transform:uppercase;letter-spacing:.015em;font-size:18px;font-weight:700;line-height:1;color:#fff;text-decoration:none;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.btn:hover{color:#054;border-color:#054}@media only screen and (max-width: 1000px){h1{font-size:70px}}@media only screen and (max-width: 800px){h1{font-size:48px}h1:after{height:8px}}@media only screen and (max-width: 568px){#intro{padding:0 10px}h1{font-size:30px}h1:after{height:6px}p{font-size:18px}.btn{font-size:16px}}@media only screen and (max-width: 320px){h1{font-size:28px}h1:after{height:4px}}.img-fundo{width:120%;height:100%}.group label{position:absolute;left:5px;top:10px;font-size:18px;color:#999;transition:.2s ease all;pointer-events:none}.group input:focus~label,.group input:not(:placeholder-shown)~label{top:-20px;font-size:14px;color:#5264ae}.group input:-webkit-autofill~label{top:-20px;font-size:14px;color:#5264ae}