/*
Theme Name: w88indi-lite
Theme URI: https://example.com/w88indi-lite
Author: Generated for user
Version: 1.3
Description: A production-ready starter WordPress theme inspired by w88indi.com (v1.3)
Text Domain: w88indi-lite
*/

:root{
  --accent: #0fb075;
  --accent-2: #ffd166;
  --bg: #ffffff;
  --muted: #6b7280;
  --text: #111827;
  --container: 1200px;
}

*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:var(--text); background:var(--bg); margin:0; line-height:1.6}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}
.header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #eef2f7}
.site-logo img{height:48px}
.main-nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.btn-cta{background:var(--accent);color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:600;display:inline-block}
.article-card{display:block;border-radius:8px;overflow:hidden;box-shadow:0 6px 20px rgba(16,24,40,0.04);margin-bottom:18px;padding:12px;background:#fff}
.floating-register{position:fixed;right:18px;bottom:18px;padding:12px 18px;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;z-index:9999;box-shadow:0 6px 18px rgba(0,0,0,0.12)}
.hero{padding:24px 20px;background:linear-gradient(90deg, rgba(15,176,117,0.06), rgba(255,209,102,0.02));border-radius:8px;margin-bottom:18px}
.hero h1{margin:0 0 6px 0}
.img-lazy{opacity:0;transition:opacity .4s ease-in-out}
img[loading="lazy"]{opacity:1}
@media (max-width:992px){.container{padding:0 16px}}
@media (max-width:768px){.main-nav{display:none}.mobile-cta{display:inline-block}}