    .grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:20px;
    }

    .input-group{
      display:flex;
      flex-direction:column;
      gap:8px;
    }

    .full{
      grid-column:1 / -1;
    }

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

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

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

    .formula{
      margin-top:12px;
      font-size:16px;
      opacity:0.95;
    }

    .buttons{
      display:flex;
      flex-wrap:wrap;
      gap:15px;
      margin-top:25px;
    }

    button{
      padding:14px 22px;
      border:none;
      border-radius:14px;
      font-size:15px;
      font-weight:500;
      cursor:pointer;
      transition:0.3s;
    }

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

    .primary-btn{
      background:#007f5f;
      color:#fff;
    }

    .secondary-btn{
      background:#E6F0EE;
      color:#192c27;
    }

.feature-card{
      background:linear-gradient(135deg,#007f5f,#55a630);
      border:1px solid rgba(255,255,255,0.15);
      padding:22px;
      border-radius:18px;
      margin-bottom:22px;
      backdrop-filter:blur(6px);
    }

    .headi{
      margin-bottom:14px;
      font-size:18px;
			color:white;
    }

    .feature-card p{
      line-height:1.8;
			color:#fff;
    }

    .stats{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:15px;
      margin-top:20px;
    }

    .stat-box{
      background:rgba(255,255,255,0.12);
      border-radius:14px;
      padding:16px;
      text-align:center;
    }

    .headi2{
      font-size:16px;
      margin-bottom:8px;
      opacity:0.9;
			color:white;
    }

    .stat-box span{
      font-size:22px;
      font-weight:600;
    }

    .history{
      margin-top:20px;
      max-height:250px;
      overflow-y:auto;
    }

.history-item{
      background:rgba(255,255,255,0.12);
      padding:12px 15px;
      border-radius:12px;
      margin-bottom:10px;
      font-size:14px;
	color:#fff;
    }