*{margin:0;padding:0;box-sizing:border-box;font-family:'Vazir',sans-serif}
body{background:#0f0f1e;color:#fff;min-height:100vh}
.container{padding:20px;max-width:500px;margin:0 auto;text-align:center}
h1{font-size:32px;color:#5865F0;margin-bottom:10px}
.welcome{font-size:17px;margin:15px 0;opacity:.9}

.stats{background:#1a1a2e;border-radius:18px;padding:18px;margin:25px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}
.stat{text-align:center}
.stat span{font-size:14px;opacity:.8;display:block;margin-bottom:8px}
.stat strong{font-size:24px;display:block}
.used strong{color:#ff6b6b}
.avail strong{color:#00d0ff}

.invite-box{margin:30px 0;display:flex;gap:12px}
.invite-box input{flex:1;padding:16px;background:#16213e;border:none;border-radius:16px;color:#0ff;font-size:15px;text-align:center}
.invite-box button{padding:16px 28px;background:#00ff9d;color:#000;border:none;border-radius:16px;font-weight:bold;font-size:16px;cursor:pointer}

.rewards{margin:30px 0}
.reward{background:#1a1a2e;border-radius:18px;padding:18px;margin:15px 0}
.title{font-size:17px;font-weight:bold;margin-bottom:10px;display:flex;justify-content:space-between}
.bar{height:12px;background:#333;border-radius:6px;overflow:hidden;margin:10px 0}
.bar div{height:100%;background:linear-gradient(90deg,#5865F0,#00d0ff);width:0%;transition:all .5s}
small{opacity:.8;font-size:13px}

.btn{margin-top:20px;padding:18px;background:linear-gradient(45deg,#ff6b00,#ff9a00);color:#fff;border:none;border-radius:18px;font-size:18px;width:100%;cursor:pointer}