/* FokatLoot Homepage V12.3 FINAL CLEAN FIX */
:root{
  --h12f-bg:#e2eaf3;
  --h12f-bg2:#edf3f8;
  --h12f-surface:#edf4fa;
  --h12f-surface2:#e5eef6;
  --h12f-line:#ccd9e6;
  --h12f-ink:#10233d;
  --h12f-muted:#5f738c;
  --h12f-blue:#0e73ed;
  --h12f-green:#0a9550;
  --h12f-softgreen:#e3f5eb;
  --h12f-shadow:0 10px 24px rgba(30,56,92,.075);
}
body{
  background:
    radial-gradient(circle at 88% 5%,rgba(49,143,246,.09),transparent 23%),
    linear-gradient(180deg,var(--h12f-bg),var(--h12f-bg2) 42%,#e7eef6 100%)!important;
  color:var(--h12f-ink)!important;
}
.v5-header{
  background:rgba(235,242,248,.96)!important;
  border-bottom:1px solid rgba(204,217,230,.95)!important;
  backdrop-filter:blur(10px)!important;
}
.v5-nav{min-height:40px!important;padding:4px 0!important}
.v5-logo img{width:26px!important;height:26px!important;border-radius:50%!important}
.v5-menu a{font-size:9px!important;color:var(--h12f-ink)!important}
.v5-menu .start-btn{padding:7px 11px!important;border-radius:10px!important;background:linear-gradient(135deg,#2b92ff,#0e6fe7)!important;color:#fff!important}
.v5-hero{padding:14px 0 10px!important;background:transparent!important}
.hero-center{max-width:760px!important;margin:0 auto 12px!important}
.hero-center h1{font-size:clamp(28px,6vw,42px)!important;line-height:1.08!important;letter-spacing:-.8px!important;color:var(--h12f-ink)!important}
.hero-center p{color:var(--h12f-muted)!important;font-size:11px!important;max-width:520px!important;margin:8px auto 0!important;line-height:1.58!important}
.hero-badge{background:#e9f2fb!important;border:1px solid #d5e3f0!important;color:#315b86!important}
.view-btn{background:#edf4fa!important;border:1px solid var(--h12f-line)!important;color:#39536e!important}
.hero-btn,.start-btn,.offer-btn-v5{background:linear-gradient(135deg,#2b92ff,#0e6fe7)!important;color:#fff!important}
.trending-wrapper,.recent-wrapper,.stats-wrapper,.earners-box,.offer-card-v5,.why-card-v5,.faq-item-v5,.admin-footer-cta,.admin-homepage-media>div,#runtime-site-footer-meta{
  background:linear-gradient(160deg,var(--h12f-surface),var(--h12f-surface2))!important;
  border:1px solid var(--h12f-line)!important;
  box-shadow:var(--h12f-shadow)!important;
  color:var(--h12f-ink)!important;
  border-radius:18px!important;
}
.trending-wrapper,.recent-wrapper,.stats-wrapper,.earners-box{padding:14px!important}
.section-header h2,.block-title,.offer-card-v5 h3,.why-card-v5 h3,.faq-btn-v5,.trend-name{color:var(--h12f-ink)!important}
.section-header p,.trend-payment,.offer-description-v5,.feed-item,.stat-label,.earner-user-v5,.faq-content-v5,.why-card-v5 p{color:var(--h12f-muted)!important}
.trend-card,.feed-item,.stats-wrapper .stat-box{background:rgba(255,255,255,.32)!important;border:1px solid var(--h12f-line)!important;border-radius:14px!important}
.trend-card{padding:12px!important}
.trend-reward,.offer-reward-v5,.earner-amount-v5{color:var(--h12f-green)!important}
.offers-v5,.earners-v5,.why-v5,.faq-v5{margin-top:18px!important}
.offers-grid{grid-template-columns:1fr!important;gap:13px!important}
.offer-card-v5{overflow:hidden!important}
.offer-card-v5>div{padding:16px!important;display:grid!important;grid-template-columns:72px minmax(0,1fr) 112px!important;grid-template-rows:auto auto auto!important;column-gap:12px!important;row-gap:4px!important;align-items:center!important;text-align:left!important}
.offer-image-v5,.offer-card-v5>div>div[style*="width:85px"]{width:68px!important;height:68px!important;margin:0!important;grid-row:1/4!important;grid-column:1!important}
.offer-card-v5 .offer-reward-v5{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:start!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:102px!important;padding:10px 10px!important;border-radius:999px!important;background:var(--h12f-softgreen)!important;font-size:14px!important;font-weight:800!important;line-height:1.15!important;text-align:center!important}
.offer-card-v5 h3{grid-column:2!important;grid-row:1!important;margin:0!important;font-size:14.8px!important;line-height:1.28!important;text-align:left!important}
.offer-description-v5{grid-column:2!important;grid-row:2!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1.55!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
.offer-time-v5{grid-column:2!important;grid-row:3!important;font-size:10px!important;color:var(--h12f-muted)!important;margin-top:2px!important}
.offer-btn-v5{grid-column:3!important;grid-row:2 / span 2!important;justify-self:end!important;align-self:end!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;height:40px!important;width:104px!important;border-radius:12px!important;font-size:10.8px!important;margin-top:0!important}
.why-grid-v5{gap:12px!important}
.why-card-v5{padding:14px!important}
.why-card-v5 p{background:#e7eff7!important;border:1px solid #d1deea!important;border-radius:11px!important;padding:9px 10px!important;margin-top:8px!important}
.faq-item-v5{padding:0!important;overflow:hidden!important}
.faq-btn-v5{padding:14px 15px!important;background:transparent!important}
.faq-content-v5{padding:0 15px 14px!important}
.admin-homepage-media{max-width:760px!important;margin:12px auto!important;padding:0 12px!important}
.admin-homepage-media iframe{border-radius:16px!important;box-shadow:none!important}
#runtime-site-footer-meta{max-width:1000px!important;margin:14px auto 84px!important;padding:14px 16px!important;text-align:center!important;font-size:11px!important;line-height:1.75!important}
#runtime-site-footer-meta b,#runtime-site-footer-meta a{color:var(--h12f-ink)!important}
@media(max-width:600px){
 .v5-nav{min-height:38px!important}.v5-logo img{width:24px!important;height:24px!important}.v5-menu .start-btn{padding:6px 10px!important}
 .v5-hero{padding:12px 0 8px!important}.hero-center h1{font-size:29px!important}.hero-center p{font-size:10.5px!important;max-width:330px!important}
 .trending-wrapper,.recent-wrapper,.stats-wrapper,.earners-box{padding:12px!important}
 .trend-card,.feed-item,.stats-wrapper .stat-box{padding:11px!important}
 .offer-card-v5>div{grid-template-columns:64px minmax(0,1fr) 100px!important;padding:14px!important;column-gap:10px!important}
 .offer-image-v5,.offer-card-v5>div>div[style*="width:85px"]{width:60px!important;height:60px!important}
 .offer-card-v5 .offer-reward-v5{min-width:92px!important;font-size:13px!important;padding:8px 9px!important}
 .offer-card-v5 h3{font-size:14px!important}.offer-description-v5{font-size:10.5px!important}.offer-btn-v5{width:96px!important;height:38px!important;min-height:38px!important;font-size:10.4px!important}
 .why-card-v5,.faq-item-v5{border-radius:16px!important}
}

/* AUG15 index polish: keep structure, deepen surfaces and sharpen hierarchy. */
body{background:linear-gradient(180deg,#dbe6f0 0%,#e5edf5 48%,#dfe8f1 100%)!important}.trending-wrapper,.recent-wrapper,.stats-wrapper,.earners-box,.offer-card-v5,.why-card-v5,.faq-item-v5,.admin-footer-cta,#runtime-site-footer-meta{background:linear-gradient(160deg,#eaf1f7,#e2eaf3)!important;border-color:#c7d5e3!important;box-shadow:0 9px 22px rgba(30,56,92,.075)!important}.trend-card,.feed-item,.stats-wrapper .stat-box{background:rgba(255,255,255,.28)!important;border-color:#ccd9e5!important}.hero-center h1,.section-header h2,.block-title{color:#0f223c!important}