/* ========== Base ========== */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.page{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;color:#1f2937;background:#f9fafb}

/* Container */
.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* Links */
a{color:#1d4ed8;text-decoration:none}
a:hover{color:#1e40af}

/* ========== Navbar ========== */
.navbar{background:#fff;border-bottom:1px solid #e5e7eb}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}

.brand img{display:block}

/* Toggle (mobile) */
.nav-toggle{display:none;position:relative;width:40px;height:40px;border:0;background:transparent;cursor:pointer}
.nav-toggle span{position:absolute;left:8px;right:8px;height:2px;background:#111;border-radius:1px;transition:transform .2s,opacity .2s}
.nav-toggle span:nth-child(1){top:12px}
.nav-toggle span:nth-child(2){top:19px}
.nav-toggle span:nth-child(3){top:26px}
.nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.is-open span:nth-child(2){opacity:0}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Nav */
.nav{display:flex}
.nav-list{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0}
.nav-list a{display:block;padding:8px 4px;color:#374151}
.nav-list a:hover{color:#111}

/* ========== Responsive ========== */
@media (max-width: 900px){
  .nav-toggle{display:block}
  .nav{position:absolute;left:0;right:0;top:60px;background:#fff;border-top:1px solid #e5e7eb;display:none}
  .nav.is-open{display:block}
  .nav-list{flex-direction:column;align-items:flex-start;padding:8px 16px}
}

/* ========== Main content ========== */
.content{padding:24px 0}
.bg-introduction,.bg-unique,.bg-features,.bg-contact,.bg-explore{
  padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px
}
.text-section-header,.text-explore-header{font-size:28px;line-height:1.2;margin:0 0 12px}
.text-subheader{font-size:20px;line-height:1.4;margin:16px 0 8px}
.text-content,.text-explore-content{color:#1f2937;line-height:1.7}
.list-content{list-style:disc;padding-left:20px}

/* Color accents for your sections */
.bg-introduction{background:#f0fdf4;color:#15803d}
.bg-unique{background:#fefce8;color:#a16207}
.bg-features{background:#eff6ff;color:#1d4ed8}
.bg-contact{background:#f0fdfa;color:#0f766e}
.bg-explore{background:#fefce8}

/* Buttons */
.link-admin-module{
  background:#a16207;color:#fff;padding:8px 12px;border-radius:6px;display:inline-block
}
.link-admin-module:hover{background:#854d0e}

/* ========== Footer ========== */
.footer{background:#f3f4f6;margin-top:32px}
.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}
.footer-links,.footer-social{display:flex;gap:14px;list-style:none;margin:0;padding:0}
.copy{margin:0;color:#6b7280}