.bccalc{
  max-width:720px;
  margin:0 auto;
  font-family:Arial,sans-serif;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:16px;
  box-shadow:0 6px 18px rgba(2,6,23,.06);
}
.bccalc__title{margin:0 0 6px 0;}
.bccalc__desc{margin:0 0 14px 0;color:#64748b;font-size:14px;line-height:1.4;}

.bccalc__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.bccalc__field{min-width:0;}
.bccalc__label{display:block;margin:10px 0 6px;color:#64748b;font-size:13px;}
.bccalc__input{
  width:100%;
  padding:12px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  font-size:15px;
  box-sizing:border-box;
}

.bccalc__actions{grid-column:1 / -1;}
.bccalc__btn{
  width:100%;
  margin-top:6px;
  padding:12px;
  border:0;
  border-radius:10px;
  background:#1f8f4a;
  color:#fff;
  font-weight:800;
  cursor:pointer;
  font-size:15px;
}
.bccalc__btn:hover{filter:brightness(0.96);}
.bccalc__msg{margin-top:10px;color:#b91c1c;font-weight:700;font-size:13px;}

.bccalc__results{margin-top:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px;}
.bccalc__cards{display:flex;gap:10px;flex-wrap:wrap;}
.bccalc__card{flex:1 1 260px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;}
.bccalc__cardLabel{font-size:12px;color:#64748b;margin-bottom:6px;}
.bccalc__cardValue{font-size:22px;font-weight:900;}
.bccalc__explain{margin-top:10px;font-size:12px;color:#64748b;line-height:1.45;}

@media (max-width:640px){
  .bccalc__grid{grid-template-columns:1fr;}
  .bccalc__card{flex:1 1 100%;}
}