html, body, .bg-neutral, .dark\:bg-neutral-800, .max-w-7xl, .h-screen, .min-h-screen, .flex, .grow {
  background: url('/background1.webp') no-repeat center center fixed !important;
  background-size: cover !important;
  background-color: #222 !important;
}

/* Import Poppins font globally */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');

body, .main-menu, .site-title, h1, h2, h3, h4, h5, h6, a, nav {
  font-family: 'Poppins', Arial, sans-serif !important;
}

/* Custom styles for Canva-like look */
body, .main-menu, .site-title, h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', Arial, sans-serif !important;
}

.site-title, .header-title, .main-title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.main-menu {
  justify-content: center !important;
  gap: 2rem !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  margin-bottom: 2rem;
}

.main-menu a, .main-menu p {
  color: #222 !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: color 0.2s;
}

.main-menu a:hover, .main-menu p:hover {
  color: #0073e6 !important;
}

/* Center the creative & tech world subtitle */
#creative-tech-world {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
  color: #444;
}

/* Hero title adjustments for lower position and larger font, single line only */
.page-title, .single-title, h1.title, h1.page-title, h1.entry-title, h1 {
  font-size: 5rem !important;
  margin-top: 8rem !important;
  margin-bottom: 2.5rem !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Prevent wrapping for hero titles */
.hero h1, .hero .page-title, .hero .single-title {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Remove max-width and padding from all theme containers for true full-bleed homepage */
.main-content, .content, .prose, .max-w-7xl, .max-w-full, .max-w-prose, .max-w-xl, .max-w-3xl, .mx-auto, .container, article, section, header {
  max-width: 100vw !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Remove extra padding from body if present */
body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}