.page-download {
  --background-color: #08160F;
  --card-bg-color: #11271B;
  --text-main-color: #F2FFF6;
  --text-secondary-color: #A7D9B8;
  --border-color: #2E7A4E;
  --glow-color: #57E38D;
  --gold-color: #F2C14E;
  --divider-color: #1E3A2A;
  --deep-green-color: #0A4B2C;
  
  background-color: var(--background-color);
  color: var(--text-main-color);
  font-family: Arial, sans-serif;
  line-height: 1.6;
}

.page-download__hero-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 60px 20px;
  padding-top: 10px; /* Small top padding, body handles header offset */
  overflow: hidden;
  background: linear-gradient(180deg, var(--deep-green-color) 0%, var(--background-color) 100%);
}

.page-download__hero-image-wrapper {
  width: 100%;
  max-width: 1200px;
  margin-bottom: 30px;
}

.page-download__hero-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.page-download__hero-content {
  max-width: 900px;
  z-index: 1;
}

.page-download__main-title {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: bold;
  color: var(--gold-color);
  margin-bottom: 15px;
  line-height: 1.2;
  text-shadow: 0 0 10px rgba(87, 227, 141, 0.5);
}

.page-download__subtitle {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--text-secondary-color);
  margin-bottom: 30px;
}

.page-download__download-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.page-download__btn-primary,
.page-download__btn-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 30px;
  border-radius: 10px;
  font-size: 1.1rem;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.3s ease;
  min-width: 200px;
  box-sizing: border-box;
  max-width: 100%;
  white-space: normal;
  word-wrap: break-word;
}

.page-download__btn-primary {
  background: linear-gradient(180deg, #2AD16F 0%, #13994A 100%);
  color: #ffffff;
  border: 2px solid transparent;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.page-download__btn-primary:hover {
  background: linear-gradient(180deg, #13994A 0%, #2AD16F 100%);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.page-download__btn-secondary {
  background: transparent;
  color: var(--glow-color);
  border: 2px solid var(--glow-color);
}

.page-download__btn-secondary:hover {
  background: var(--glow-color);
  color: var(--background-color);
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(87, 227, 141, 0.3);
}

.page-download__btn-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.page-download__btn-ios .page-download__btn-icon {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23ffffff" d="M105.2 202.9c-22.2-7.7-28.3-30.9-25.8-44.3c1.7-9.4 9.4-19.7 20.3-26.6c10.4-6.5 22.3-11.2 34.6-13.4c1.2-.2 2.4-.5 3.6-.7c14.6-2.9 28.9-1.9 41.5 2.8c15.1 5.6 28.1 16.4 37 30.2c-1.3 2.1-2.6 4.3-3.8 6.5c-11.7 20.2-30.8 32.8-51.9 33.1c-16.7 .2-32.9-4.3-46.7-12.1zm-38.3 87.2c-3.2 14.1-1.4 28.7 5.1 41.7c8.5 17.5 24.3 32.7 41.8 40.7c17 7.7 35.7 9.8 53.6 6.3c8.1-1.6 15.8-4.4 23.3-8.3c1.9-.9 3.8-1.9 5.6-2.9c-1.1-2.3-2.1-4.7-3.2-7.1c-11.1-24.8-23.7-50.6-21.7-81.6c.2-3.6 .4-7.2 .7-10.8c-13.6 2.4-27.2 2.6-40.4 .8c-17.6-2.4-34.1-9.9-47.2-21.7zm10.7-18.7c-5.9-25.1 1.7-48.4 19.3-64.6c16.1-14.4 37.8-21.3 59.8-20.1c1.9 .1 3.8 .2 5.7 .3c-.6 3.8-1.2 7.6-1.8 11.4c-1.9 20.2-1.1 40.5 2.1 59.5c.9 5.3 1.9 10.5 3.1 15.6c-4.3 .7-8.6 1.1-12.9 1.2c-20.9 .6-40.8-6.1-57.1-19.1zm90.3 189.6c-.7 3.3-1.4 6.5-2.1 9.8c-10.7 34.3-29.2 66.8-54.8 93.3c-28.7 29.3-63.2 46.8-100.3 51.5c-28.7 3.6-57.6-.8-85.3-13.8c-2.4-1.1-4.7-2.3-7-3.4c-1.8-8.2-2.7-16.5-2.8-24.9c-.3-21.5 4.3-42.5 13.5-61.2c16.1-33.4 43.1-60.6 77.8-76.3c12.2-5.5 25.1-9.3 38.3-11.4c1.8-.3 3.5-.6 5.3-.9c-.1 4.7-.2 9.4-.2 14.1c0 23.3 6.6 46 19.2 65.5c11.6 18.2 27.8 32.4 46.8 41.7zm11.3-19.6c.3-1.6 .6-3.2 .9-4.8c11.2-13.9 20.6-29.7 28.1-46.7c10.4-23.7 15.7-49.3 15.6-75.1c0-2.3-.1-4.5-.1-6.8c1.3-.2 2.7-.3 4-.5c17.5-2.3 34.4-8.8 49.3-19.3c15.6-11 28.5-25.4 38.2-42.3c-.6 2.3-1.2 4.6-1.8 6.9c-11.7 24.8-30.8 44.5-53.9 57.7c-21.6 12.4-45.7 19.1-70.2 19.8c-1.5 .1-3 .2-4.5 .2c-.2 4.9-.3 9.8-.3 14.7c0 20.3 4.2 40.1 12.3 58.1c8.6 18.9 21.6 35.1 37.8 47.9zM425.2 301.2c-12.7-20.7-31.8-35.3-54.4-41.9c-1.3-.4-2.7-.7-4-.9c-.4 4.5-.8 9-1.3 13.5c-4.4 39.5 5.8 77.9 27.6 108.6c11.2 15.8 24.9 29.5 40.5 40.1c14.2 9.7 29.3 17.5 45.2 22.8c2.4 .8 4.7 1.6 7.1 2.3c-2.4-8.2-3.6-16.6-3.8-25.1c-.6-22.7 3.5-45 11.9-65.2c13.7-33.8 37.4-60.9 69.9-78.5c12.2-6.7 25-11.7 38.3-14.9c1.9-.5 3.8-1 5.7-1.4c-.1-4.7-.1-9.4-.2-14.1c-.2-23.3-6.6-46-19.2-65.5c-11.6-18.2-27.8-32.4-46.8-41.7c-12.7-6.2-26-10.9-39.7-13.8c-1.8-.4-3.6-.7-5.5-1c.2-4.9 .3-9.8 .3-14.7c.1-20.3-4.2-40.1-12.3-58.1c-8.6-18.9-21.6-35.1-37.8-47.9c-1.9-1.5-3.8-3-5.7-4.5c.7-3.3 1.4-6.5 2.1-9.8c10.7-34.3 29.2-66.8 54.8-93.3c28.7-29.3 63.2-46.8 100.3-51.5c28.7-3.6 57.6 .8 85.3 13.8c2.4 1.1 4.7 2.3 7 3.4c1.8 8.2 2.7 16.5 2.8 24.9c.3 21.5-4.3 42.5-13.5 61.2c-16.1 33.4-43.1 60.6-77.8 76.3c-12.2 5.5-25.1 9.3-38.3 11.4c-1.8 .3-3.5 .6-5.3 .9c.1-4.7 .2-9.4 .2-14.1c0-23.3-6.6-46-19.2-65.5c-11.6-18.2-27.8-32.4-46.8-41.7c-12.7-6.2-26-10.9-39.7-13.8c-1.8-.4-3.6-.7-5.5-1c.2-4.9 .3-9.8 .3-14.7c.1-20.3-4.2-40.1-12.3-58.1c-8.6-18.9-21.6-35.1-37.8-47.9c-1.9-1.5-3.8-3-5.7-4.5zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zm-15.6 156.4c1.3-.2 2.7-.3 4-.5c17.5-2.3 34.4-8.8 49.3-19.3c15.6-11 28.5-25.4 38.2-42.3c-.6 2.3-1.2 4.6-1.8 6.9c-11.7 24.8-30.8 44.5-53.9 57.7c-21.6 12.4-45.7 19.1-70.2 19.8c-1.5 .1-3 .2-4.5 .2c-.2 4.9-.3 9.8-.3 14.7c0 20.3 4.2 40.1 12.3 58.1c8.6 18.9 21.6 35.1 37.8 47.9c1.9 1.5 3.8 3 5.7 4.5c-.7 3.3-1.4 6.5-2.1 9.8c-10.7 34.3-29.2 66.8-54.8 93.3c-28.7 29.3-63.2 46.8-100.3 51.5c-28.7 3.6-57.6-.8-85.3-13.8c-2.4-1.1-4.7-2.3-7-3.4c-1.8-8.2-2.7-16.5-2.8-24.9c-.3-21.5 4.3-42.5 13.5-61.2c16.1-33.4 43.1-60.6 77.8-76.3c12.2-5.5 25.1-9.3 38.3-11.4c1.8-.3 3.5-.6 5.3-.9c-.1 4.7-.2 9.4-.2 14.1c0 23.3 6.6 46 19.2 65.5c11.6 18.2 27.8 32.4 46.8 41.7z"/></svg>');
}

.page-download__btn-android .page-download__btn-icon {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23ffffff" d="M416 224v32c0 26.51-21.49 48-48 48H144c-26.51 0-48-21.49-48-48v-32c0-26.51 21.49-48 48-48h224c26.51 0 48 21.49 48 48zm0 160v32c0 26.51-21.49 48-48 48H144c-26.51 0-48-21.49-48-48v-32c0-26.51 21.49-48 48-48h224c26.51 0 48 21.49 48 48zM0 64C0 28.65 28.65 0 64 0h384c35.35 0 64 28.65 64 64v384c0 35.35-28.65 64-64 64H64c-35.35 0-64-28.65-64-64V64zm416 32H96V64h320v32zM96 448h320v-32H96v32z"/></svg>');
}

.page-download__section-title {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  color: var(--gold-color);
  text-align: center;
  margin-bottom: 20px;
  margin-top: 40px;
  text-shadow: 0 0 8px rgba(87, 227, 141, 0.4);
}

.page-download__section-description {
  font-size: 1.1rem;
  color: var(--text-secondary-color);
  text-align: center;
  max-width: 800px;
  margin: 0 auto 40px auto;
}

.page-download__benefits-section,
.page-download__guide-section,
.page-download__features-section,
.page-download__compatible-section,
.page-download__faq-section,
.page-download__cta-section {
  padding: 40px 20px;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}

.page-download__dark-section {
  background-color: var(--card-bg-color);
  border-radius: 15px;
  margin-bottom: 40px;
  padding: 60px 40px;
}

.page-download__benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin-bottom: 40px;
}

.page-download__card {
  background-color: var(--card-bg-color);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  color: var(--text-main-color);
}

.page-download__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.page-download__card-title {
  font-size: 1.5rem;
  color: var(--glow-color);
  margin-bottom: 15px;
  text-align: center;
}

.page-download__card-text {
  font-size: 1rem;
  color: var(--text-secondary-color);
  text-align: justify;
}

.page-download__feature-image,
.page-download__security-image {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 40px;
  border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

.page-download__installation-steps {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.page-download__step-card {
  text-align: left;
}

.page-download__step-list {
  list-style: decimal;
  padding-left: 20px;
  margin-bottom: 20px;
  color: var(--text-secondary-color);
}

.page-download__step-list li {
  margin-bottom: 10px;
  font-size: 1rem;
}

.page-download__qr-code-wrapper {
  text-align: center;
  margin: 20px 0;
}

.page-download__qr-code {
  width: 300px;
  height: 300px;
  border: 5px solid var(--gold-color);
  border-radius: 10px;
  box-shadow: 0 0 20px var(--glow-color);
}

.page-download__btn-download-inline {
  margin-top: 20px;
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.page-download__feature-list {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

.page-download__feature-item {
  background-color: var(--background-color);
  border-left: 5px solid var(--glow-color);
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.page-download__feature-heading {
  font-size: 1.3rem;
  color: var(--gold-color);
  margin-bottom: 10px;
}

.page-download__feature-text {
  font-size: 0.95rem;
  color: var(--text-secondary-color);
}

.page-download__compatibility-list {
  list-style: none;
  padding: 0;
  text-align: center;
}

.page-download__compatibility-item {
  background-color: var(--card-bg-color);
  border: 1px solid var(--border-color);
  padding: 15px;
  margin-bottom: 10px;
  border-radius: 8px;
  font-size: 1.1rem;
  color: var(--text-main-color);
}

.page-download__faq-list {
  margin-top: 30px;
}

.page-download__faq-item {
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  margin-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
}

.page-download__faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 25px;
  cursor: pointer;
  background-color: var(--card-bg-color);
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--gold-color);
  transition: background-color 0.3s ease;
}

.page-download__faq-question:hover {
  background-color: var(--deep-green-color);
}

.page-download__faq-item[open] .page-download__faq-question {
  background-color: var(--deep-green-color);
}

.page-download__faq-toggle {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--glow-color);
  margin-left: 15px;
}

.page-download__faq-answer {
  padding: 0 25px 20px 25px;
  font-size: 1rem;
  color: var(--text-secondary-color);
  line-height: 1.7;
}

.page-download__cta-section {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

.page-download__cta-buttons {
  display: flex;
  gap: 25px;
  justify-content: center;
  margin-top: 40px;
  flex-wrap: wrap;
}

.page-download__btn-download-final,
.page-download__btn-register-final {
  padding: 18px 35px;
  font-size: 1.2rem;
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .page-download__installation-steps {
    grid-template-columns: 1fr;
  }
  .page-download__qr-code {
    width: 250px;
    height: 250px;
  }
}

@media (max-width: 768px) {
  .page-download {
    font-size: 16px;
    line-height: 1.6;
  }

  .page-download__hero-section {
    padding: 30px 15px;
    padding-top: 10px !important;
  }

  .page-download__main-title {
    font-size: clamp(2rem, 8vw, 2.8rem);
  }

  .page-download__subtitle {
    font-size: clamp(0.9rem, 3vw, 1.1rem);
  }

  .page-download__download-buttons {
    flex-direction: column;
    gap: 15px;
  }

  .page-download__btn-primary,
  .page-download__btn-secondary,
  .page-download a[class*="button"],
  .page-download a[class*="btn"] {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    padding-left: 15px;
    padding-right: 15px;
    min-width: unset;
  }

  .page-download__cta-buttons,
  .page-download__button-group,
  .page-download__btn-container {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 15px;
    padding-right: 15px;
    flex-wrap: wrap !important;
    gap: 15px;
  }
  
  .page-download__cta-buttons {
    flex-direction: column;
  }

  .page-download__section-title {
    font-size: clamp(1.5rem, 6vw, 2.2rem);
    margin-top: 30px;
    margin-bottom: 15px;
  }

  .page-download__section-description {
    font-size: 1rem;
    margin-bottom: 30px;
  }

  .page-download__benefits-section,
  .page-download__guide-section,
  .page-download__features-section,
  .page-download__compatible-section,
  .page-download__faq-section,
  .page-download__cta-section {
    padding: 30px 15px;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .page-download__dark-section {
    padding: 40px 20px;
  }

  .page-download__benefits-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .page-download__card-title {
    font-size: 1.3rem;
  }

  .page-download__qr-code {
    width: 200px;
    height: 200px;
  }

  .page-download__feature-list {
    grid-template-columns: 1fr;
  }
  
  .page-download img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }
  
  .page-download__section, 
  .page-download__card, 
  .page-download__container {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .page-download__video-section {
    padding-top: 10px !important; 
  }

  /* Video specific mobile styles, if any video exists */
  .page-download video,
  .page-download__video {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }
  
  .page-download__video-section,
  .page-download__video-container,
  .page-download__video-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden !important;
  }
}

@media (max-width: 480px) {
  .page-download__hero-section {
    padding: 20px 10px;
    padding-top: 10px !important;
  }

  .page-download__download-buttons {
    gap: 10px;
  }

  .page-download__btn-primary,
  .page-download__btn-secondary {
    font-size: 1rem;
    padding: 12px 20px;
  }

  .page-download__section-title {
    font-size: 1.8rem;
  }

  .page-download__qr-code {
    width: 180px;
    height: 180px;
  }
  
  .page-download__card {
    padding: 20px;
  }
  
  .page-download__cta-buttons {
    gap: 10px;
  }
}