#investment-calculator{
  max-width: 420px;
  margin: 40px auto;
  padding: 20px 24px;
  background: rgba(0,0,0,0.7);
  border: 1px solid #C7A146;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(199,161,70,0.25);
  transition: transform .25s ease, box-shadow .25s ease;
}
#investment-calculator:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(199,161,70,0.35);
}
#investment-calculator label{
  color:#C7A146;
  font-weight:600;
  margin-bottom:6px;
}
#investment-calculator input[type="number"]{
  width:100%;
  background:#000;
  color:#fff;
  border:1px solid #C7A146;
  border-radius:8px;
  padding:10px 12px;
  transition:border-color .25s ease, box-shadow .25s ease;
}
#investment-calculator input[type="number"]:focus{
  outline:none;
  border-color:#fff;
  box-shadow:0 0 0 3px rgba(199,161,70,0.25);
}
#investment-calculator button{
  width:100%;
  margin-top:14px;
  border-radius:8px;
  padding:10px 12px;
  background:#C7A146;
  color:#000;
  font-weight:700;
  border:none;
  cursor:pointer;
  transition:filter .25s ease, transform .25s ease;
}
#investment-calculator button:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
}
@media (max-width: 768px){
  #investment-calculator{ width:92%; padding:16px; margin:24px auto; }
}