:root{
  --gold:#d6b36a;
  --gold-light:#f5df9b;
  --bg:#06080d;
  --card:#101722;
  --text:#f5f1e8;
  --muted:#b8bec8;
}
html{
  scroll-behavior:smooth;
}
body{
  background:
    radial-gradient(circle at top right, rgba(214,179,106,.15), transparent 25%),
    linear-gradient(180deg,#05070b,#0a1017 55%,#05070b);
  color:var(--text);
  font-family:
    "Noto Sans TC",
    "PingFang TC",
    "Microsoft JhengHei",
    sans-serif;
  letter-spacing:.3px;
  line-height:1.8;
}
h1,h2,h3,h4{
  color:var(--gold-light);
  font-weight:800;
  letter-spacing:1px;
}
.hero-title{
  font-size:clamp(2.3rem,5vw,4.5rem)!important;
  line-height:1.2;
  text-shadow:0 0 25px rgba(214,179,106,.28);
}
.card,.feature-card,.service-card,.faq-card{
  background:rgba(16,23,34,.82)!important;
  border:1px solid rgba(214,179,106,.18)!important;
  border-radius:24px!important;
  backdrop-filter:blur(14px);
  box-shadow:0 12px 35px rgba(0,0,0,.35);
}
button,.btn,a.button{
  border-radius:16px!important;
  transition:.35s ease;
}
button:hover,.btn:hover,a.button:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 25px rgba(214,179,106,.25);
}
img{
  border-radius:20px;
}
.navbar,.topbar,header{
  backdrop-filter:blur(14px);
}
p,li,span,a{
  font-size:clamp(.98rem,1.3vw,1.06rem);
}
.gold-glow{
  color:var(--gold-light);
  text-shadow:0 0 18px rgba(214,179,106,.35);
}