:root{--gold:#D4AF37;--gold-l:#F5D77A;--green:#10B981;--green-d:#064E3B;--bg:#0B0B0B;--txt:#F8F5EC;--muted:#A8A29E}
*{font-family:Vazirmatn,sans-serif;box-sizing:border-box}
body{margin:0;min-height:100vh;color:var(--txt);background:radial-gradient(circle at 50% 0%,#1d1a10 0%,#141414 35%,#0B0B0B 100%);font-feature-settings:"tnum"}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:linear-gradient(45deg,var(--gold) 1px,transparent 1px),linear-gradient(-45deg,var(--gold) 1px,transparent 1px);background-size:28px 28px}
.bg-particles{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(2px 2px at 10% 20%,rgba(245,215,122,.5),transparent),radial-gradient(1.5px 1.5px at 80% 30%,rgba(245,215,122,.4),transparent),radial-gradient(2px 2px at 60% 80%,rgba(245,215,122,.35),transparent),radial-gradient(1px 1px at 30% 60%,rgba(245,215,122,.5),transparent);animation:float 12s ease-in-out infinite alternate}
@keyframes float{to{transform:translateY(-30px)}}
.gold-text{background:linear-gradient(135deg,#F5D77A,#D4AF37,#A67C00);-webkit-background-clip:text;background-clip:text;color:transparent}
.card{background:#151515;border:1px solid rgba(212,175,55,.25);border-radius:1.25rem;box-shadow:0 10px 40px -10px rgba(212,175,55,.18)}
.inp{background:#0e0e0e;border:1px solid #2a2a2a;border-radius:.9rem;color:var(--txt);width:100%;padding:.85rem 1rem;font-size:1.1rem;font-weight:600;outline:none;transition:.2s}
.inp:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.15)}
.shine{position:relative;overflow:hidden}
.shine::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);animation:shine 3.5s infinite}
@keyframes shine{0%{left:-60%}60%,100%{left:130%}}
.row{animation:fadeIn .45s both}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.coin{animation:spin 4s ease-in-out infinite}
@keyframes spin{0%,70%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
.soc{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(212,175,55,.35);color:var(--gold-l);transition:.25s}
.soc:hover{background:var(--gold);color:#0B0B0B;box-shadow:0 0 18px rgba(212,175,55,.6)}
.ltr{direction:ltr;unicode-bidi:embed}