/*
Theme Name: MAXWINBOS LANDING PAGES
Theme URI: https://example.com/maxwinbos-tailwind-amp
Author: SUSUDOSU
Author URI: https://XNXX.COM
Description: Tema WordPress ringan untuk brand MAXWINBOS. Non-AMP memakai Tailwind via CDN (runtime), mode AMP memakai CSS minimal agar valid AMP. Tersedia Customizer untuk logo, banner, teks hero, CTA, dan warna utama (purple neon gradient).
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maxwinbos
Tags: tailwind, amp, responsive, landing-page, custom-logo, purple, neon
*/
:root{
  --mbos-primary:#7c3aed; /* purple-600 */
  --mbos-primary-2:#a21caf; /* fuchsia-700 */
  --mbos-accent:#22d3ee; /* cyan-400 */
  --mbos-bg:#0b0116; /* deep dark */
}
/* Non-AMP: sedikit utilitas custom supaya konsisten */
.maxwinbos-gradient{
  background: radial-gradient(1200px 600px at 10% 10%, rgba(124,58,237,0.35), transparent 60%),
              radial-gradient(1200px 600px at 90% 10%, rgba(217,70,239,0.25), transparent 60%),
              linear-gradient(135deg, #6d28d9 0%, #a21caf 50%, #ec4899 100%);
}
.neon-text{ text-shadow: 0 0 12px rgba(168,85,247,.8), 0 0 24px rgba(59,130,246,.4); }
.neon-ring{ box-shadow: 0 0 0 3px rgba(124,58,237,.5), 0 0 40px rgba(168,85,247,.6) inset; }
.btn-neon{
  background: linear-gradient(90deg, #7c3aed, #a21caf, #ec4899);
  color:#fff; border-radius:999px; padding:.9rem 1.3rem; font-weight:700;
  box-shadow: 0 8px 30px rgba(124,58,237,.35);
}
.btn-neon:hover{ filter: brightness(1.1); transform: translateY(-1px); }
header.site-header{ background: rgba(11,1,22,.6); backdrop-filter: blur(8px); }
footer.site-footer{ color:#c4b5fd; }


/* --- UI Enhancements (Neon / Glass / Glow) --- */
.container{max-width:80rem;margin-inline:auto}
.card-glass{ background: linear-gradient( to bottom right, rgba(124,58,237,.08), rgba(2,6,23,.4) );
  border:1px solid rgba(226,232,240,.08); border-radius:1.25rem; backdrop-filter: blur(10px); }
.badge{ display:inline-flex; align-items:center; gap:.5rem; font-weight:600; padding:.35rem .7rem; border-radius:999px;
  background:linear-gradient(90deg, rgba(124,58,237,.25), rgba(34,211,238,.25)); border:1px solid rgba(226,232,240,.15); }
.glow{ box-shadow: 0 0 30px rgba(124,58,237,.45), inset 0 0 20px rgba(34,211,238,.2); }
.section-title{ letter-spacing:.2px }
.icon{ width:24px; height:24px; display:inline-block }
.list-check li{ position:relative; padding-left:1.75rem; margin:.4rem 0; }
.list-check li:before{ content:"✓"; position:absolute; left:.4rem; color:#22d3ee; text-shadow:0 0 6px rgba(34,211,238,.8) }
.grid-auto{ display:grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap:1rem }
hr.sep{ border:0; height:1px; background:linear-gradient(90deg, transparent, rgba(226,232,240,.2), transparent); margin:2rem 0 }

/* --- Hero safe layout (prevents overlap/covering) --- */
.hero-safe{position:relative; min-height: clamp(420px, 70vh, 900px);}
.hero-safe .hero-media{position:absolute; inset:0; overflow:hidden; border-bottom-left-radius:1.25rem; border-bottom-right-radius:1.25rem;}
.hero-safe .hero-media img{width:100%; height:100%; object-fit:cover;}
.hero-safe .hero-overlay{position:absolute; inset:0; background:linear-gradient(to top, rgba(11,1,22,.95), rgba(11,1,22,.35) 55%, transparent);}
.hero-safe .hero-content{position:relative; z-index:2; padding: clamp(2rem, 5vw, 4rem) 1.5rem; display:flex; align-items:center; justify-content:center; text-align:center; min-height: inherit;}
/* Ensure next section starts below hero */
.section-after-hero{margin-top: clamp(1.5rem, 4vw, 3rem);}