.hg-actions{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

.hg-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:56px;
  padding:0 28px;
  border-radius:10px;
  border:1px solid rgba(210,158,51,.58);
  font-family:var(--hg-serif-font);
  font-weight:700;
  font-size:18px;
  letter-spacing:-0.01em;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, color .22s ease, background .22s ease;
  overflow:hidden;
}

.hg-btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(210,158,51,.14), rgba(210,158,51,.04) 45%, rgba(255,255,255,0) 100%);
  opacity:.9;
  pointer-events:none;
}

.hg-btn span,
.hg-btn strong{
  position:relative;
  z-index:1;
}

.hg-btn-primary{
  color:#f0cf82;
  background:
    radial-gradient(circle at 18% 50%, rgba(210,158,51,.14), transparent 34%),
    linear-gradient(180deg, rgba(21,17,11,.80), rgba(7,7,8,.92));
  box-shadow:
    0 16px 32px rgba(0,0,0,.28),
    inset 0 0 18px rgba(210,158,51,.06);
}

.hg-btn-primary:hover{
  transform:translateY(-2px);
  border-color:rgba(230,183,85,.9);
  box-shadow:
    0 20px 42px rgba(0,0,0,.34),
    0 0 0 1px rgba(210,158,51,.16),
    0 0 18px rgba(210,158,51,.18),
    inset 0 0 24px rgba(210,158,51,.09);
}

.hg-btn-ghost{
  color:#f1efe8;
  border-color:rgba(166,132,59,.28);
  background:
    linear-gradient(180deg, rgba(18,19,22,.80), rgba(7,7,9,.92));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

.hg-btn-ghost::before{
  background:linear-gradient(90deg, rgba(255,255,255,.03), rgba(210,158,51,.03), rgba(255,255,255,0));
}

.hg-btn-ghost:hover{
  transform:translateY(-2px);
  color:#f0cf82;
  border-color:rgba(210,158,51,.55);
  box-shadow:
    0 14px 28px rgba(0,0,0,.24),
    inset 0 0 20px rgba(210,158,51,.05);
}

.hg-theme-light .hg-btn-primary{
  color:#6c4708;
  border-color:rgba(174,123,29,.48);
  background:linear-gradient(180deg,rgba(255,255,255,.60),rgba(244,225,184,.42));
  box-shadow:0 14px 34px rgba(82,55,16,.12), inset 0 0 0 1px rgba(255,255,255,.42);
}

@media (max-width:760px){
  .hg-btn{
    min-height:52px;
    padding:0 22px;
    font-size:16px;
  }
}

.hg-particle-canvas{
  position:fixed;
  inset:0;
  z-index:9998;
  width:100vw;
  height:100vh;
  pointer-events:none;
  mix-blend-mode:screen;
  opacity:1;
}

@media (prefers-reduced-motion: reduce), (pointer: coarse){
  .hg-particle-canvas{
    display:none;
  }
}

.hg-theme-light .hg-particle-canvas{
  opacity:.82;
  mix-blend-mode:multiply;
  filter:contrast(1.08) saturate(1.1);
}