.page-index-dang-ky-56wim { color: #333333; max-width: 1200px; margin: 0 auto; padding: 0 15px; }
.page-index-dang-ky-56wim__hero { padding-top: 10px; }
.page-index-dang-ky-56wim__hero-image { margin-bottom: 20px; }
.page-index-dang-ky-56wim__hero-image img { width: 100%; height: auto; aspect-ratio: 1020/300; object-fit: cover; border-radius: 8px; }
.page-index-dang-ky-56wim__hero-content { text-align: center; }
.page-index-dang-ky-56wim__hero-content h1 { color: #333333; font-weight: 700; line-height: 1.3; margin: 0 0 18px; }
.page-index-dang-ky-56wim__hero-content p { max-width: 800px; margin: 0 auto 25px; font-size: 1.05rem; line-height: 1.7; }
.page-index-dang-ky-56wim__hero-buttons { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; box-sizing: border-box; max-width: 100%; overflow: hidden; }
.page-index-dang-ky-56wim__btn-primary,
.page-index-dang-ky-56wim__btn-secondary {
  display: inline-block; padding: 13px 32px; border-radius: 999px; font-weight: 700; text-decoration: none; color: #ffffff; box-sizing: border-box;
  background: linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);
  border: 1px solid transparent; transition: opacity 0.3s ease; max-width: 100%; white-space: normal; word-wrap: break-word; text-align: center;
}
.page-index-dang-ky-56wim__btn-secondary { background: #ffffff; color: #E53935; border: 1px solid #E53935; }
.page-index-dang-ky-56wim__btn-primary:hover,
.page-index-dang-ky-56wim__btn-secondary:hover { opacity: 0.85; }
.page-index-dang-ky-56wim__logo-grid {
  display: flex; flex-wrap: wrap; justify-content: center;
  background: #FFFFFF; border-radius: 12px; padding: 24px 15px; margin: 24px 0; border: 1px solid #E0E0E0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.page-index-dang-ky-56wim__logo-item {
  flex: 0 0 33.333%; max-width: 360px; box-sizing: border-box; padding: 8px;
}
.page-index-dang-ky-56wim__logo-item img { width: 100%; height: auto; aspect-ratio: 2/1; object-fit: contain; border-radius: 8px; }
.page-index-dang-ky-56wim__logo-info h3 { color: #333333; margin: 15px 0 8px; font-size: 1.25rem; font-weight: 700; }
.page-index-dang-ky-56wim__logo-info p { color: #555; line-height: 1.6; margin: 0 0 15px; }
.page-index-dang-ky-56wim__logo-cta {
  display: inline-block; padding: 10px 22px; border-radius: 999px; background: linear-gradient(180deg, #FF5A4F 0%, #E53935 100%); color: #ffffff; font-weight: 700; text-decoration: none; font-size: 0.9rem;
}
.page-index-dang-ky-56wim__guide-section { margin-top: 20px; }
.page-index-dang-ky-56wim__guide-title { text-align: center; color: #333333; margin-bottom: 10px; font-size: 1.9rem; }
.page-index-dang-ky-56wim__guide-inner { background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 12px; padding: 30px; margin-top: 15px; }
.page-index-dang-ky-56wim__guide-figure { margin: 0; }
.page-index-dang-ky-56wim__guide-figure img { width: 100%; max-width: 800px; margin: 0 auto; display: block; aspect-ratio: 2/1; object-fit: cover; border-radius: 8px; }
.page-index-dang-ky-56wim__guide-steps { margin: 15px 0 0 0; padding-left: 20px; }
.page-index-dang-ky-56wim__guide-steps li { margin-bottom: 20px; }
.page-index-dang-ky-56wim__guide-steps h3 { color: #E53935; font-size: 1.2rem; }
.page-index-dang-ky-56wim__btn-register {
  display: inline-block; background: linear-gradient(180deg, #FF5A4F 0%, #E53935 100%); color: #ffffff; padding: 14px 35px; border-radius: 8px; text-decoration: none; font-weight: 700; margin-top: 15px;
}
@media (max-width: 1024px) {
  .page-index-dang-ky-56wim__hero-image img { aspect-ratio: 1020/350; }
  .page-index-dang-ky-56wim__logo-item { flex: 0 0 50%; max-width: 100%; }
}
@media (max-width: 768px) {
  .page-index-dang-ky-56wim { padding: 0 10px; }
  .page-index-dang-ky-56wim img { max-width: 100%; height: auto; }
  .page-index-dang-ky-56wim__hero { padding-top: 0; }
  .page-index-dang-ky-56wim__hero-image img,
  .page-index-dang-ky-56wim__guide-figure img {//
    width: 100%; height: auto; aspect-ratio: auto;
  }
  .page-index-dang-ky-56wim__hero-buttons { width: 100%; max-width: 100%; overflow: hidden; }
  .page-index-dang-ky-56wim__btn-primary,
  .page-index-dang-ky-56wim__btn-secondary {
    max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; flex: 1 1 100%; text-align: center;
  }
  .page-index-dang-ky-56wim__logo-item { flex: 0 0 100%; }
  .page-index-dang-ky-56wim__logo-grid { padding: 20px 10px; }
  .page-index-dang-ky-56wim__guide-title { font-size: 1.5rem; }
  .page-index-dang-ky-56wim__guide-inner { padding: 20px 15px; }
}