:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background-color: #191919; /* Matches your theme */
}

.main-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

/* Base style for all image pages */
.page, .page-1, .page-2, .page-3, .page-4 {
  width: 100%;
  aspect-ratio: 1440 / 1018; /* Keeps the brochure proportions perfect */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Individual Backgrounds */
.page   { background-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-21/vfGUGuX0JJ.png); }
.page-1 { background-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-21/ieFKq7QJiA.png); }
.page-2 { background-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-21/DsUjsFZB8x.png); }
.page-3 { background-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-21/iiXWAzJrtx.png); }
.page-4 { background-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-02-21/dNTyUkMTBV.png); }

/* The Contact Page (Page 5) */
.page-5 {
  width: 100%;
  background: #191919;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center; /* Centers everything on mobile */
  text-align: center;
  color: #ffffff;
  font-family: 'Inter', sans-serif;
}

.contacts { font-size: 40px; font-weight: 700; margin-bottom: 30px; display: block; }
.website, .email, .instagram, .sodi-profile { 
  font-size: 24px; font-weight: 700; margin-top: 20px; color: #fff;
}

/* Make links clickable and blue */
.page-5 a {
  color: #275b9b;
  text-decoration: none;
  font-size: 18px;
  display: block;
  margin-top: 5px;
}

.sponsorship {
  max-width: 500px;
  margin-top: 40px;
  font-size: 18px;
  line-height: 1.5;
  opacity: 0.9;
}