*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Segoe UI',sans-serif;
}

body{

height:100vh;

overflow:hidden;

background:#004f28;
}

.container{

width:100%;

height:100vh;

display:flex;

padding:12px;
}

/* ESQUERDA */

.left{

width:49%;

display:flex;

justify-content:center;

align-items:center;
}

/* CARD */

.card{

width:100%;

height:100%;

background:#ffffff;

border-radius:14px;

padding:30px 70px;

box-shadow:0 4px 20px rgba(0,0,0,.08);

}

/* LOGOS */

.logos{

display:flex;

justify-content:center;

align-items:center;

margin-bottom:35px;

}

.logos{

display:flex;

justify-content:center;

align-items:center;

margin-bottom:50px;
}

.logos img{

height:80px;

width:auto;

object-fit:contain;

}

.divider{

width:1px;

height:70px;

background:#d9d9d9;

margin:0 35px;

}

/* TITULOS */

h2{

font-size:34px;

font-weight:400;

text-align:center;

margin-bottom:5px;
}

h1{

font-size:56px;

font-weight:800;

color:#0d8a3d;

text-align:center;

margin-bottom:20px;
}

p{

font-size:18px;

line-height:32px;

text-align:center;

color:#666;

max-width:500px;

margin:0 auto 40px auto;
}

/* FORM */

label{

display:block;

font-size:16px;

font-weight:700;

margin-bottom:10px;
}

input{

width:100%;

height:58px;

border:1px solid #dddddd;

border-radius:8px;

padding:18px;

font-size:18px;

outline:none;

margin-bottom:22px;
}

input:focus{

border:1px solid #0d8a3d;
}

.password-box{

position:relative;
}

.password-box i{

position:absolute;

right:18px;

top:20px;

color:#888;

cursor:pointer;
}

/* BOTÃO */

button{

width:100%;

height:58px;

border:none;

border-radius:8px;

background:#0b7b3d;

color:#fff;

font-size:22px;

font-weight:700;

cursor:pointer;
}

button:hover{

background:#086632;
}

.forgot{

display:block;

text-align:center;

margin-top:30px;

font-size:14px;

color:#0b7b3d;
}

/* DIREITA */

.right{

width:51%;

border-radius:14px;

overflow:hidden;

position:relative;

background:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?q=80&w=1600');

background-size:cover;

background-position:center;
}

.overlay{

width:100%;

height:100%;

background:rgba(0,70,30,.80);

padding:140px 90px;

color:#fff;
}

.overlay h3{

font-size:36px;

line-height:54px;

font-weight:700;

margin-bottom:75px;
}

.feature{

display:flex;

align-items:center;

font-size:22px;

margin-bottom:42px;
}

.feature i{

width:55px;

font-size:30px;
}

/* ERRO */

.erro{

background:#ffe5e5;

border:1px solid #ffc0c0;

padding:15px;

border-radius:8px;

color:#d90000;

margin-bottom:20px;
}

@media(max-width:1200px){

.right{

display:none;
}

.left{

width:100%;
}

}