:root{--gold:#d4af37;--gold2:#f5d77a;--green:#10b981;--bg:#0d0d0d}
*{font-family:Vazirmatn,Tahoma,sans-serif}
body{background:var(--bg);color:#fff;min-height:100vh;
background-image:radial-gradient(circle at 20% 0%,rgba(212,175,55,.15),transparent 40%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.12),transparent 40%)}
.gold-text{background:linear-gradient(90deg,#b8912a,#f5d77a,#d4af37,#fff3c4,#d4af37);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 4s linear infinite}
@keyframes shine{to{background-position:200% center}}
.card{background:linear-gradient(160deg,#171717,#0f0f0f);border:1px solid rgba(212,175,55,.35);box-shadow:0 0 24px rgba(212,175,55,.08)}
.inp{background:#111;border:1.5px solid #333;color:#fff;transition:.2s}
.inp:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.2)}
.total{background:linear-gradient(135deg,#d4af37,#f5d77a,#b8912a);color:#0d0d0d}
.fade{animation:fade .4s ease both}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1}}
.coin{position:fixed;top:-40px;font-size:26px;pointer-events:none;z-index:100;animation:fall 1.6s ease-in forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:.3}}
.spin{display:inline-block;animation:bob 2.5s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-4px) rotate(8deg)}}