.card-title{
    font-size:24px;
    font-weight:500;
    margin-bottom:20px;
		margin-top:20px;
    color:#192c27;
}

.grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
	margin-bottom:20px;
}

.input-group{
    margin-bottom:20px;
}

.textarea{
    min-height:110px;
    resize:vertical;
}

.result-box{
    background:linear-gradient(135deg,#007f5f,#55a630);
    color:white;
    padding:20px;
    border-radius:24px;
    margin-top:20px;
	  margin-bottom:20px;
}

.result-title{
    opacity:0.9;
    margin-bottom:12px;
}

.result-value{
    font-size:30px;
    font-weight:500;
    word-break:break-word;
}

.steps{
    margin-top:20px;
    background:#E6F0EE;
    padding:20px;
    border-radius:20px;
	  margin-bottom:20px;
}

.steps-title{
    font-size:18px;
    font-weight:500;
    margin-bottom:15px;
    color:#007f5f;
}

.step{
    padding:12px;
    background:white;
    border-radius:14px;
    margin-bottom:12px;
    line-height:1.7;
    border-left:4px solid #55a630;
}

.button{
    border:none;
    background:linear-gradient(135deg,#007f5f,#55a630);
    color:white;
    padding:16px 20px;
    border-radius:16px;
    cursor:pointer;
    font-weight:500;
    transition:0.3s;
}

.button:hover{
    transform:translateY(-2px);
}

.formula-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
	margin-bottom:20px;
}

.formula{
    background:#F2F7F6;
    padding:18px;
    border-radius:18px;
    border-left:5px solid #007f5f;
}

.formula-name{
    color:#365951;
    margin-bottom:10px;
}

.formula-math{
    font-weight:600;
    color:#007f5f;
}

.engineering-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:18px;
}

.eng-card{
    background:#F2F7F6;
    padding:22px;
    border-radius:22px;
}

.eng-title{
    font-size:18px;
    font-weight:700;
    margin-bottom:18px;
    color:#007f5f;
}

.eng-result{
    margin-top:15px;
    font-size:24px;
    font-weight:700;
    color:#192c27;
}