:root { 
  --primary: #002B6B; 
  --nav-bg: #001F3F; 
  --accent: #00BFFF; 
  --gold: #FFD700; 
  --white: #FFFFFF; 
  --gradient: linear-gradient(to right, #002B6B, #001F3F); 
}
body { 
  font-family: Arial, sans-serif; 
  background: var(--primary); 
  color: var(--white); 
  margin: 0; 
  padding: 0; 
  display: flex; 
  flex-direction: column; 
  min-height: 100vh; 
}
.subpage { 
  animation: fadeIn 1s ease-in; 
}
@keyframes fadeIn { 
  from { opacity: 0; } 
  to { opacity: 1; } 
}
.announcement-bar { 
  background: var(--gold); 
  color: var(--primary); 
  text-align: center; 
  padding: 10px; 
  font-weight: bold; 
}
nav { 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  padding: 20px; 
  background: var(--nav-bg); 
  position: relative; 
}
.logo { 
  width: 300px; 
  margin-left: 0; 
}
.title-hamburger-container { 
  display: flex; 
  align-items: center; 
  gap: 20px; 
  position: relative; 
}
.page-title { 
  font-size: 1.4rem; 
  color: var(--gold); 
  font-weight: 600; 
}
.back-button { 
  color: var(--white); 
  text-decoration: none; 
  font-size: 1.2rem; 
  transition: color 0.3s; 
}
.back-button:hover { 
  color: var(--gold); 
}
.menu-toggle { 
  display: none; 
}
.hamburger { 
  display: none; 
  color: var(--white); 
  font-size: 40px; 
  cursor: pointer; 
}
.subpage .hamburger { 
  display: block; 
}
.nav-links { 
  display: flex; 
  gap: 20px; 
  list-style: none; 
  margin: 0; 
  padding: 0; 
}
.subpage .nav-links { 
  display: none; 
  flex-direction: column; 
  position: absolute; 
  top: 60px; 
  right: 20px; 
  background: var(--nav-bg); 
  padding: 10px; 
  z-index: 1000; 
}
.nav-links a { 
  color: var(--white); 
  text-decoration: none; 
  transition: color 0.3s; 
}
.nav-links a:hover { 
  color: var(--gold); 
}
.subpage .menu-toggle:checked ~ .nav-links { 
  display: flex; 
}
.hero { 
  text-align: center; 
  padding: 50px 20px; 
  background: var(--gradient); 
  border-radius: 0; 
  margin: 0; 
  box-shadow: 0 0 20px var(--accent); 
  width: 100%; 
  box-sizing: border-box; 
}
.hero h1 { 
  color: var(--white); 
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5); 
  font-size: 2.5rem; 
  margin: 0 0 20px; 
  word-break: break-word; 
}
.hero p { 
  color: var(--white); 
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5); 
  font-size: 1.2rem; 
  margin: 0 0 20px; 
  word-break: break-word; 
}
.products { 
  padding: 20px; 
  background: var(--white); 
  color: var(--primary); 
  text-align: center; 
}
.product-grid { 
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
  gap: 20px; 
  justify-content: center; 
}
.promo-tag { 
  background: var(--accent); 
  color: var(--white); 
  padding: 5px; 
  border-radius: 5px; 
}
.cta { 
  background: var(--gold); 
  color: var(--primary); 
  border: none; 
  padding: 10px 20px; 
  border-radius: 5px; 
  cursor: pointer; 
  font-weight: bold; 
  display: block; 
  margin: 15px auto; 
  max-width: 200px; 
}
.contact { 
  padding: 20px; 
  text-align: center; 
  background: var(--primary); 
}
.contact h2 { 
  color: var(--white); 
  font-size: 1.8rem; 
}
main { 
  background: #FFFFFF; 
  color: #222; 
  width: 100%; 
  margin: 0; 
  padding: 20px; 
  box-sizing: border-box; 
  flex: 1; 
}
h1, h2, h3 { 
  color: #111; 
}
a { 
  color: var(--accent); 
}
footer { 
  text-align: center; 
  padding: 10px; 
  background: var(--nav-bg); 
  color: var(--white); 
  width: 100%; 
}
@media (max-width: 768px) {
  .logo { 
    width: 250px; 
  }
  .text-dealnexus { 
    text-align: center; 
  }
  .hamburger { 
    display: block; 
  }
  .nav-links { 
    display: none; 
    flex-direction: column; 
    position: absolute; 
    top: 60px; 
    right: 20px; 
    background: var(--nav-bg); 
    padding: 10px; 
  }
  .subpage .menu-toggle:checked ~ .nav-links { 
    display: flex; 
  }
  .page-title { 
    font-size: 1.2rem; 
    margin-top: 10px; 
    text-align: center; 
  }
  .hero h1 { 
    font-size: 1.8rem; 
  }
  .hero p { 
    font-size: 1rem; 
  }
  main { 
    padding: 10px; 
  }
}