:root{--gold:#D4AF37;--gold2:#F5D76E;--green:#10B981;--card:#161616}
*{font-family:Vazirmatn,sans-serif}
body{margin:0;background:#0B0B0B;color:#F5F5F5;min-height:100vh;
background-image:radial-gradient(circle at 80% -10%,rgba(212,175,55,.18),transparent 45%),radial-gradient(circle at 0% 100%,rgba(16,185,129,.1),transparent 40%)}
.gold-text{background:linear-gradient(90deg,#b8912a,var(--gold2),#fff3c4,var(--gold2),#b8912a);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 5s linear infinite}
@keyframes shine{to{background-position:200% center}}
.card{background:var(--card);border:1px solid rgba(212,175,55,.3);border-radius:20px;box-shadow:0 10px 40px -15px rgba(212,175,55,.25)}
.inp{background:#0e0e0e;border:1px solid #333;border-radius:14px;padding:14px;font-size:20px;width:100%;color:#fff;outline:none;transition:.2s;text-align:left;direction:ltr}
.inp:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.2)}
.inp.err{border-color:#ef4444}
.spin{animation:spin 6s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotateY(360deg)}}
.row{animation:rise .5s both}
@keyframes rise{from{opacity:0;transform:translateY(10px)}}
.final{background:linear-gradient(135deg,#1a1505,#000 60%,#0a1a12);border:1px solid var(--gold);border-radius:24px;animation:glow 3s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 45px -5px rgba(212,175,55,.45)}}
.btn{border-radius:12px;padding:10px 14px;font-weight:700;transition:.15s}
.btn:active{transform:scale(.96)}
.soc{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--c);border:1px solid rgba(212,175,55,.35);background:#0e0e0e;transition:.25s}
.soc:hover{background:var(--c);color:#000;transform:translateY(-4px);box-shadow:0 8px 20px -6px var(--c)}
.spark{position:fixed;pointer-events:none;color:var(--gold2);animation:fly 1.2s ease-out forwards;z-index:60}
@keyframes fly{to{transform:translate(var(--x),var(--y)) scale(0);opacity:0}}