body{

background:#f4f6f8;

font-family:Arial;

margin:0;

padding:0;

}

.container{

display:flex;

justify-content:center;

align-items:center;

height:100vh;

}

.card{

width:420px;

background:white;

padding:40px;

border-radius:10px;

box-shadow:0 0 15px rgba(0,0,0,.15);

}

input{

width:100%;

padding:12px;

margin-top:8px;

margin-bottom:20px;

border:1px solid #ddd;

border-radius:6px;

box-sizing:border-box;

}

button{

width:100%;

padding:14px;

background: #a7b82c;

color:white;

border:none;

border-radius:6px;

cursor:pointer;

font-size:16px;

}

button:hover{

background: #8b9a1d;

}
.btn-green {
    background-color: #8b9a1d;
    color: #FFFFFF;
    font-size: 1em;
    border: 1px solid #a7b82c;
    padding: .6rem 1rem;
    text-align: center;
}