:root{--gold:#d4af37}
*{box-sizing:border-box}
img{display:block}
.container{width:min(1120px,92%);margin-inline:auto}
.gold-text{background:linear-gradient(92deg,#f7e7a2,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(212,175,55,.25)}
.btn{padding:.75rem 1.1rem;border-radius:999px;border:1px solid #2a2a2a;transition:.25s;font-weight:600}
.btn-gold{background:linear-gradient(135deg,#a88421,#d4af37,#f2e3a2);color:#111;border:0}
.btn-gold:hover{filter:brightness(1.06)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.0));border:1px solid #1f1f1f;border-radius:16px;overflow:hidden;transition:.25s}
.card:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.35)}
.card-img{width:100%;height:240px;object-fit:cover}
.feature{display:flex;gap:.9rem;align-items:flex-start;color:#d1d1d6}
.feature h4{margin:0;font-size:1.05rem;color:#fff}
.feature p{margin:.2rem 0 0}
/* Rings & logo motion */
.ring{position:absolute;inset:-8%;border-radius:50%;border:1px solid rgba(212,175,55,.35);
  box-shadow:inset 0 0 40px rgba(212,175,55,.16), 0 0 26px rgba(212,175,55,.12);animation:spin 28s linear infinite}
.ring--b{inset:6%;animation-duration:18s;opacity:.9}
@keyframes spin{to{transform:rotate(360deg)}}
/* Sparkle canvas */
#sparkle{pointer-events:none}
/* Simple navbar/footer baseline (in components) */