.swgp-widget { max-width:720px;margin:14px auto;padding:18px;border-radius:12px;background:#072035;color:#e8f7ff;font-family:Inter,system-ui,Arial }
.swgp-header { display:flex; gap:12px; align-items:center }
.swgp-badge { width:56px;height:56px;border-radius:8px;background:linear-gradient(135deg,#00d084,#20c1ff);display:flex;align-items:center;justify-content:center;font-weight:800;color:#042022 }
.swgp-title { font-weight:800;font-size:18px }
.swgp-sub { color:#9fb6c7;font-size:13px }
.swgp-progress { margin-top:12px }
.swgp-progress-bar { height:12px;background:rgba(255,255,255,0.03);border-radius:999px;overflow:hidden }
.swgp-progress-fill { height:100%; background:linear-gradient(90deg,#00d084,#20c1ff); width:0%; transition: width .6s }
.swgp-actions { display:flex; gap:8px; margin-top:12px }
.swgp-btn { padding:10px;border-radius:8px;border:0;cursor:pointer;flex:1 }
.swgp-btn-fb { background:#365899;color:#fff }
.swgp-btn-wa { background:#25D366;color:#042022 }
.swgp-btn-claim { background:linear-gradient(90deg,#00d084,#20c1ff); color:#042022 }
.swgp-code { margin-top:12px;padding:10px;border-radius:8px;background:rgba(0,0,0,0.12);font-family:monospace }
.swgp-redeemed { margin-top:6px;color:#ffd1d1 }