.page-download__hero-section {padding-top: 10px; padding-bottom: 60px; background: #0D0E12; color: #FFF3E6;}
.page-download__container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
.page-download__hero-content { text-align: center; margin-bottom: 40px; }
.page-download__main-title { font-size: clamp(28px, 4vw, 48px); font-weight: 700; line-height: 1.2; margin-bottom: 20px; color: #FFF3E6; }
.page-download__description { font-size: 18px; line-height: 1.6; max-width: 800px; margin: 0 auto 30px; }
.page-download__cta-buttons { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.page-download__btn-primary, .page-download__btn-secondary { display: inline-flex; align-items: center; justify-content: center; padding: 15px 30px; border-radius: 8px; font-size: 18px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; white-space: normal; word-wrap: break-word; text-align: center; max-width: 100%; box-sizing: border-box; }
.page-download__btn-primary { background: linear-gradient(180deg, #FFA53A 0%, #D96800 100%); color: #ffffff; border: none; }
.page-download__btn-primary:hover { opacity: 0.9; transform: translateY(-2px); }
.page-download__btn-secondary { background: #17191F; color: #FFA53A; border: 2px solid #FFA53A; }
.page-download__btn-secondary:hover { background: #FFA53A; color: #17191F; }
.page-download__hero-image-wrapper { text-align: center; }
.page-download__hero-image { max-width: 100%; height: auto; border-radius: 10px; display: block; margin: 0 auto; }

.page-download__section { padding: 60px 0; }
.page-download__advantages-section { background: #17191F; color: #FFF3E6; }
.page-download__section-title { font-size: clamp(24px, 3.5vw, 40px); font-weight: 700; text-align: center; margin-bottom: 40px; color: #FFF3E6; }
.page-download__grid-layout { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.page-download__card { background: #ffffff; color: #333333; border-radius: 10px; padding: 25px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); text-align: center; display: flex; flex-direction: column; align-items: center; }
.page-download__card-image { max-width: 100%; height: auto; border-radius: 8px; margin-bottom: 20px; min-width: 200px; min-height: 200px; object-fit: cover; }
.page-download__card-title { font-size: 22px; font-weight: 600; margin-bottom: 15px; color: #FF8C1A; }
.page-download__card p { font-size: 16px; line-height: 1.6; color: #333333; }

.page-download__download-guide-section { background: #0D0E12; color: #FFF3E6; }
.page-download__download-steps { display: flex; gap: 40px; margin-bottom: 40px; flex-wrap: wrap; justify-content: center; }
.page-download__step-block { flex: 1; min-width: 300px; background: #17191F; border-radius: 10px; padding: 30px; display: flex; flex-direction: column; }
.page-download__step-title { font-size: 24px; font-weight: 600; margin-bottom: 25px; text-align: center; color: #FFF3E6; }
.page-download__step-content { display: flex; align-items: center; gap: 25px; margin-bottom: 25px; flex-wrap: wrap; }
.page-download__qr-image { width: 150px; height: 150px; object-fit: contain; flex-shrink: 0; border: 5px solid #FF8C1A; padding: 5px; border-radius: 8px; background: #fff; margin: 0 auto; }
.page-download__instruction-list { list-style: decimal; padding-left: 20px; font-size: 16px; line-height: 1.7; flex-grow: 1; color: #FFF3E6; }
.page-download__instruction-list li { margin-bottom: 10px; }
.page-download__instruction-list strong { color: #FFA53A; }
.page-download__btn-block { width: 100%; margin-top: auto; }
.page-download__notes-section { background: #17191F; border-radius: 10px; padding: 30px; }
.page-download__notes-title { font-size: 22px; font-weight: 600; margin-bottom: 20px; color: #FFF3E6; }
.page-download__notes-list { list-style: disc; padding-left: 20px; font-size: 16px; line-height: 1.7; color: #FFF3E6; }
.page-download__notes-list li { margin-bottom: 8px; }

.page-download__security-section { background: #0D0E12; color: #FFF3E6; }
.page-download__security-content { display: flex; gap: 40px; align-items: center; flex-wrap: wrap; }
.page-download__security-text { flex: 1; min-width: 300px; }
.page-download__security-text h3 { font-size: 22px; font-weight: 600; margin-top: 25px; margin-bottom: 15px; color: #FFA53A; }
.page-download__security-text p { font-size: 16px; line-height: 1.6; margin-bottom: 15px; }
.page-download__security-image-wrapper { flex: 1; min-width: 300px; text-align: center; }
.page-download__security-image { max-width: 100%; height: auto; border-radius: 10px; min-width: 200px; min-height: 200px; object-fit: cover; }
.page-download__btn-contact { margin-top: 20px; }

.page-download__faq-section { background: #17191F; color: #FFF3E6; }
.page-download__faq-list { max-width: 800px; margin: 0 auto; }
details.page-download__faq-item { margin-bottom: 15px; border-radius: 5px; border: 1px solid #A84F0C; overflow: hidden; background: #0D0E12; }
details.page-download__faq-item summary.page-download__faq-question { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; cursor: pointer; user-select: none; list-style: none; transition: background-color 0.3s ease; background: #17191F; color: #FFF3E6; }
details.page-download__faq-item summary.page-download__faq-question::-webkit-details-marker { display: none; }
details.page-download__faq-item summary.page-download__faq-question:hover { background: #2a2d36; }
.page-download__faq-qtext { flex: 1; font-size: 16px; font-weight: 600; line-height: 1.5; text-align: left; color: #FFF3E6; }
.page-download__faq-toggle { font-size: 24px; font-weight: bold; color: #FFA53A; flex-shrink: 0; margin-left: 15px; width: 28px; text-align: center; }
details.page-download__faq-item .page-download__faq-answer { padding: 0 20px 20px; background: #0D0E12; border-radius: 0 0 5px 5px; color: #FFF3E6; }
.page-download__faq-answer p { margin-top: 15px; }

.page-download__conclusion-section { padding-top: 60px; padding-bottom: 80px; background: #FF8C1A; color: #ffffff; text-align: center; }
.page-download__conclusion-section .page-download__section-title { color: #ffffff; }
.page-download__conclusion-section .page-download__description { color: #ffffff; }
.page-download__conclusion-section .page-download__btn-primary { background: #17191F; color: #FFA53A; border: 2px solid #17191F; }
.page-download__conclusion-section .page-download__btn-primary:hover { background: #FFA53A; color: #17191F; }
.page-download__conclusion-section .page-download__btn-secondary { background: #FFF3E6; color: #D96800; border: 2px solid #FFF3E6; }
.page-download__conclusion-section .page-download__btn-secondary:hover { background: #D96800; color: #FFF3E6; border-color: #D96800; }

/* Responsive styles */
@media (max-width: 1023px) {
  .page-download__download-steps { flex-direction: column; }
  .page-download__step-block { min-width: unset; }
  .page-download__security-content { flex-direction: column; }
  .page-download__security-image-wrapper { order: -1; margin-bottom: 30px; }
}

@media (max-width: 768px) {
  .page-download__hero-section { padding-top: 10px; padding-bottom: 40px; }
  .page-download__main-title { font-size: 32px; }
  .page-download__description { font-size: 16px; margin-bottom: 20px; }
  .page-download__cta-buttons { flex-direction: column; gap: 15px; padding: 0 15px; }
  .page-download__btn-primary, .page-download__btn-secondary { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 12px 20px; font-size: 16px; }
  
  .page-download__section { padding: 40px 0; }
  .page-download__section-title { font-size: 28px; margin-bottom: 30px; }
  .page-download__grid-layout { grid-template-columns: 1fr; }
  .page-download__card { padding: 20px; }
  .page-download__card-title { font-size: 20px; }
  .page-download__card p { font-size: 15px; }

  .page-download__download-steps { gap: 20px; }
  .page-download__step-block { padding: 20px; }
  .page-download__step-title { font-size: 20px; margin-bottom: 15px; }
  .page-download__step-content { flex-direction: column; text-align: center; }
  .page-download__qr-image { margin-bottom: 20px; }
  .page-download__instruction-list { padding-left: 0; list-style-position: inside; }
  .page-download__instruction-list li { text-align: left; }
  .page-download__notes-section { padding: 20px; }
  .page-download__notes-title { font-size: 20px; margin-bottom: 15px; }
  .page-download__notes-list { font-size: 15px; }

  .page-download__security-content { gap: 30px; }
  .page-download__security-text h3 { font-size: 20px; margin-top: 20px; margin-bottom: 10px; }
  .page-download__security-text p { font-size: 15px; }

  details.page-download__faq-item summary.page-download__faq-question { padding: 15px; }
  .page-download__faq-qtext { font-size: 15px; }
  .page-download__faq-toggle { font-size: 20px; width: 24px; height: 24px; margin-left: 10px; }
  details.page-download__faq-item .page-download__faq-answer { padding: 0 15px 15px; }

  .page-download__conclusion-section { padding-top: 40px; padding-bottom: 60px; }
  .page-download__conclusion-section .page-download__section-title { font-size: 28px; }
  .page-download__conclusion-section .page-download__description { font-size: 16px; }

  /* General image and container responsive styles */
  .page-download img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
  }
  .page-download__section, .page-download__card, .page-download__container, .page-download__cta-buttons, .page-download__download-steps, .page-download__step-block, .page-download__security-content, .page-download__faq-list {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  .page-download__cta-buttons { flex-wrap: wrap !important; gap: 10px; flex-direction: column; }
}

/* Fixed media query blocks as per instructions - Note: these are typically for homepage. For download page, they might not apply directly or need adjustment for specific layout elements if present. I'm providing the required structure but content inside might be adapted for download page context if those elements exist. */
@media (max-width: 1023px) {
  /* This block is typically for homepage trial game, not directly applicable to a generic download page layout unless specified to include such elements. */
  /* Assuming no home-hero game trial elements exist here, so this block might be empty for a pure download page, but the media query structure is mandatory. */
}
@media (min-width: 1024px) {
  /* This block is typically for homepage trial game, not directly applicable to a generic download page layout unless specified to include such elements. */
  /* Assuming no home-hero game trial elements exist here, so this block might be empty for a pure download page, but the media query structure is mandatory. */
}

/* FAQ Toggle Icons for details tag */
details.page-download__faq-item summary.page-download__faq-question::-webkit-details-marker { display: none; }

/* Body background color & text contrast */
.page-download { color: #FFF3E6; background: #0D0E12; }
.page-download__dark-section { background: #0D0E12; color: #FFF3E6; }
.page-download__light-bg { background: #ffffff; color: #333333; }
.page-download__text-main { color: #FFF3E6; }
.page-download__btn-primary { background: linear-gradient(180deg, #FFA53A 0%, #D96800 100%); color: #ffffff; border: none; }
.page-download__btn-secondary { background: #17191F; color: #FFA53A; border: 2px solid #A84F0C; }
.page-download__conclusion-section .page-download__btn-primary { background: #17191F; color: #FFA53A; border: 2px solid #17191F; }
.page-download__conclusion-section .page-download__btn-secondary { background: #FFF3E6; color: #D96800; border: 2px solid #FFF3E6; }