/* Gold Buy Sell — global design system (loaded on every page) */
body { font-family: 'Inter', sans-serif; }
.font-display { font-family: 'Playfair Display', serif; }
.text-gradient-gold { background: linear-gradient(92deg,#F3CF7A,#E0A82E 55%,#C28E1E); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.bg-gold-gradient { background: linear-gradient(95deg,#F3CF7A,#E0A82E 55%,#C9952A); }
.bg-navy-radial { background: radial-gradient(1200px 600px at 80% -10%, #155068 0%, #0E3A4D 38%, #0A2A38 100%); }
.glass { background: rgba(255,255,255,.07); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.12); }
.card { background:#fff; border:1px solid #eef0f2; border-radius:1rem; box-shadow:0 10px 40px -18px rgba(14,58,77,.18); }
.btn-gold { background:linear-gradient(95deg,#F3CF7A,#E0A82E 55%,#C9952A); color:#0A2A38; font-weight:600; transition:.2s; }
.btn-gold:hover { filter:brightness(1.04); transform:translateY(-1px); box-shadow:0 10px 30px -8px rgba(224,168,46,.5); }
.link-underline { position:relative; }
.link-underline::after { content:''; position:absolute; left:0; bottom:-3px; height:2px; width:0; background:#E0A82E; transition:.25s; }
.link-underline:hover::after { width:100%; }
.skel { background:linear-gradient(90deg,#eceff1 25%,#f6f8f9 37%,#eceff1 63%); background-size:500px 100%; }
::-webkit-scrollbar { height:8px; width:8px; }
::-webkit-scrollbar-thumb { background:#cdd5da; border-radius:8px; }
[x-cloak] { display:none !important; }