.unit-toggle{
    display:flex;
    gap:10px;
    margin-bottom:20px;
}

.unit-toggle button{
    flex:1;
    border:none;
    padding:14px;
    border-radius:12px;
    cursor:pointer;
    background:#E6F0EE;
    color:#192c27;
    font-weight:600;
    transition:.3s;
}

.unit-toggle button.active{
    background:#007f5f;
    color:#fff;
}

.form-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:18px;
}

.results{
    margin-top:30px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:15px;
}

.card{
    background:#F2F7F6;
    border:1px solid #E6F0EE;
    border-radius:18px;
    padding:20px;
    text-align:center;
}

.card span{
    color:#365951;
    font-size:14px;
}

.headi{
    margin-top:10px;
    color:#55a630;
    font-size:20px;
    font-weight:600;
}

.result-main{
    background:linear-gradient(
        135deg,
        #007f5f,
        #55a630
    );
}

.result-main span,
.result-main .headi{
    color:#fff;
}