.main-container {
  max-width:1100px;
  margin:40px auto;
  padding:20px;
  background: rgba(17,28,51,0.4);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:16px;
  backdrop-filter: blur(10px);
}

.bmi-box {
  padding: 20px;
  border-radius: 16px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
}

.bmi-box input,
.bmi-box button {
  width: 100%;
  padding: 12px;
  margin-top: 8px;
  border-radius: 10px;
}

.bmi-box input {
  background: rgba(0,0,0,0.25);
  border: 1px solid rgba(255,255,255,0.1);
  color:#fff;
}

.bmi-box button {
  background:#0ea5e9;
  border:none;
  color:#fff;
  font-weight:700;
}

.result {
  margin-top: 15px;
  padding: 15px;
  border-radius: 12px;
  background: rgba(255,255,255,0.02);
}