/* main.css – Refined Overrides */

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

body {
  padding: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.header,
.footer,
.section,
.main {
  padding-left: 5%;
  padding-right: 5%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.home-grid {
  margin: 0 5% !important;
  padding: 0 !important;
}

.box,
.bg-light {
  background-color: var(--color-light) !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
  outline-color: rgba(255, 255, 255, 0.05) !important;
}

.cta {
  background: var(--color-accent) !important;
  color: var(--color-black) !important;
  border-color: var(--color-accent) !important;
  outline-color: var(--color-black) !important;
  font-weight: 600;
  transition: transform 0.2s ease;
}

.cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
}