
:root{
 --primary:#16a34a;
 --primary-dark:#15803d;
 --bg:#f3f6fb;
 --card:#ffffff;
 --text:#111827;
 --muted:#6b7280;
 --border:#e5e7eb;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg)!important;color:var(--text)}
.wrap,.container{max-width:1180px;margin:0 auto;padding:0 16px}
.green_bg,header{background:linear-gradient(90deg,#16a34a,#22c55e)!important;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.mylogo img{height:42px}
.search_box{width:100%;height:52px;border:2px solid var(--border);border-radius:16px;padding:0 16px;font-size:16px;background:#fff}
.btn,button{background:linear-gradient(90deg,#16a34a,#22c55e);color:#fff;border:none;border-radius:14px;padding:12px 18px;font-weight:700}
.LootEarning_Com ul{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.LootEarning_Com li{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:16px;box-shadow:0 10px 25px rgba(0,0,0,.06)}
.LootEarning_Com img{width:80px;height:80px;border-radius:18px;object-fit:cover}
.info .name{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--text)}
.info p:last-child{color:var(--muted);margin:0}
.download-btn,.btn{min-width:110px;text-align:center}
footer{background:#0f172a;color:#fff;margin-top:40px;padding:32px 16px}
@media (max-width:768px){
 .wrap,.container{padding:0 12px}
 .LootEarning_Com ul{grid-template-columns:1fr}
 .LootEarning_Com li{padding:14px}
 .LootEarning_Com img{width:68px;height:68px}
 .info .name{font-size:16px}
 .btn,button{width:auto;padding:11px 16px}
}
