:root{
  --gold-bg: linear-gradient(135deg,#fff6dc,#f6e3b4,#ecd28a);
  --gold-text:#b08d2f;
  --silver-text:#8a8a8a;
  --page-bg:#faf7f0;
}

body{
  margin:0;
  font-family:'Hind Siliguri',sans-serif;
  background:var(--page-bg);
}

/* wrapper */
.gold-wrap{
  max-width:850px;
  margin:auto;
  padding:15px;
}

/* header */
.gold-header{
  background:#b08d2f;
  color:#fff;
  padding:20px;
  border-radius:14px;
  text-align:center;
}

/* update bar */
.update-bar{
  text-align:center;
  margin:15px 0;
  font-size:14px;
}

/* unit switch */
.unit-switch{
  text-align:center;
  margin:20px 0;
}

.unit-switch button{
  padding:8px 18px;
  border:none;
  cursor:pointer;
  background:#ddd;
  font-weight:600;
  border-radius:6px;
  margin:0 5px;
}

.unit-switch button.active{
  background:#111;
  color:#fff;
}

/* section */
.section-title{
  margin:20px 0 10px;
  font-size:18px;
}

/* cards */
.cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

.card{
  background:var(--gold-bg);
  padding:18px;
  border-radius:18px;
  text-align:center;
  box-shadow:0 6px 16px rgba(0,0,0,.05);
}

.card h3{
  font-size:13px;
  letter-spacing:1px;
  color:#6b6b6b;
}

.card .price{
  font-size:22px;
  font-weight:700;
  color:var(--gold-text);
}

.card span{
  font-size:12px;
  color:#555;
}

.card.silver .price{
  color:var(--silver-text);
}

/* calculator */
.calc{
  margin-top:25px;
  background:var(--gold-bg);
  padding:18px;
  border-radius:18px;
}

.calc select,
.calc input,
.calc button{
  width:100%;
  padding:10px;
  margin-top:8px;
  border-radius:10px;
  border:1px solid #ccc;
}

.calc button{
  background:#b08d2f;
  color:#fff;
  font-weight:700;
  border:none;
}

.calc-result{
  margin-top:10px;
  background:#b08d2f;
  color:#fff;
  padding:12px;
  border-radius:10px;
  text-align:center;
  font-size:18px;
}

/* mobile */
@media(max-width:600px){
  .cards{grid-template-columns:1fr;}
}