.page-index-huong-dan-nap-tien { max-width: 1200px; margin: 0 auto; color: #1F2D3D; font-family: 'Be Vietnam Pro', system-ui, -apple-system, sans-serif; background: #F4F7FB; }
.page-index-huong-dan-nap-tien__hero-section { padding: 10px 16px 0 16px; display: flex; flex-direction: column; align-items: center; max-width: 1200px; margin: 0 auto; }
.page-index-huong-dan-nap-tien__hero-image-wrap { width: 100%; overflow: hidden; border-radius: 16px; background: linear-gradient(135deg, #2F6BFF, #6FA3FF); }
.page-index-huong-dan-nap-tien__hero-image { width: 100%; display: block; object-fit: cover; margin-bottom: 10px; }
.page-index-huong-dan-nap-tien__hero-content { text-align: center; padding: 24px 20px; max-width: 800px; width: 100%; background: #FFFFFF; border-radius: 16px; border: 1px solid #D6E2FF; margin-top: -20px; position: relative; }
.page-index-huong-dan-nap-tien__hero-title { color: #1F2D3D; font-weight: 800; line-height: 1.3; letter-spacing: -0.02em; max-width: 800px; margin: 0 auto 14px; }
.page-index-huong-dan-nap-tien__hero-subtitle { color: #1F2D3D; opacity: 0.85; max-width: 700px; margin: 0 auto; }
.page-index-huong-dan-nap-tien__hero-actions { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-top: 20px; }
.page-index-huong-dan-nap-tien__hero-btn { padding: 12px 28px; border: 2px solid #2F6BFF; border-radius: 999px; font-weight: 700; text-decoration: none; color: #fff; background: linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.page-index-huong-dan-nap-tien__hero-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(47, 107, 255, 0.25); }
.page-index-huong-dan-nap-tien__hero-btn-primary { background: #2F6BFF; }
.page-index-huong-dan-nap-tien__guide-section { padding: 20px 16px 48px; background: #F4F7FB; }
.page-index-huong-dan-nap-tien__guide-inner { max-width: 980px; margin: 0 auto; background: #FFFFFF; padding: 32px 24px; border-radius: 16px; border: 1px solid #D6E2FF; }
.page-index-huong-dan-nap-tien__guide-title { text-align: center; color: #1F2D3D; font-size: 1.6em; margin: 0 0 16px; font-weight: 800; }
.page-index-huong-dan-nap-tien__guide-desc { text-align: center; color: #1F2D3D; opacity: 0.8; max-width: 680px; margin: 0 auto 28px; }
.page-index-huong-dan-nap-tien__steps-wrap { display: flex; flex-direction: column; gap: 14px; }
.page-index-huong-dan-nap-tien__step-card { display: flex; gap: 16px; align-items: flex-start; background: #F8FAFE; border: 1px solid #D6E2FF; border-radius: 10px; padding: 16px; transition: box-shadow 0.2s ease; }
.page-index-huong-dan-nap-tien__step-card:hover { box-shadow: 0 4px 12px rgba(47, 107, 255, 0.08); }
.page-index-huong-dan-nap-tien__step-number { min-width: 34px; height: 34px; border-radius: 999px; background: linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%); color: #FFFFFF; font-weight: 800; display: flex; align-items: center; justify-content: center; font-size: 1.05rem; }
.page-index-huong-dan-nap-tien__step-content { flex: 1; }
.page-index-huong-dan-nap-tien__step-title { margin: 0 0 6px; color: #1F2D3D; font-size: 1.05rem; }
.page-index-huong-dan-nap-tien__step-content p { margin: 0; color: #1F2D3D; opacity: 0.85; }
.page-index-huong-dan-nap-tien__guide-cta { text-align: center; margin: 28px 0 0; }
.page-index-huong-dan-nap-tien__guide-btn { padding: 12px 36px; border-radius: 999px; background: linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%); color: #FFFFFF; font-weight: 800; text-decoration: none; display: inline-block; }
.page-index-huong-dan-nap-tien__e-wallet-guide { background: #FFFFFF; padding: 28px 16px; border-radius: 20px; margin: 20px; border: 1px solid #D6E2FF; }
.page-index-huong-dan-nap-tien__e-wallet-guide-header { border-left: 4px solid #2F6BFF; padding-left: 16px; }
.page-index-huong-dan-nap-tien__e-wallet-guide-header-alt { border-left: 4px solid #A5C4FF; padding-left: 16px; }
.page-index-huong-dan-nap-tien__e-wallet-guide-title { color: #1F2D3D; font-size: 1.4em; margin: 0; }
.page-index-huong-dan-nap-tien__e-wallet-guide-content { display: flex; flex-direction: column; gap: 20px; align-items: center; }
.page-index-huong-dan-nap-tien__e-wallet-guide-text-content { flex: 1; }
.page-index-huong-dan-nap-tien__e-wallet-guide-sub-title { color: #2F6BFF; margin: 18px 0 8px; }
.page-index-huong-dan-nap-tien__e-wallet-guide-text-content p { margin: 0 0 12px; }
.page-index-huong-dan-nap-tien__e-wallet-guide-highlight { background: #F0F4FF; border-radius: 8px; padding: 16px; margin: 16px 0; }
.page-index-huong-dan-nap-tien__e-wallet-guide-highlight ul { margin: 8px 0 0; padding-left: 20px; }
.page-index-huong-dan-nap-tien__e-wallet-guide-note { font-size: 0.85rem; color: #6b7280; margin-top: 8px; }
.page-index-huong-dan-nap-tien__e-wallet-guide-image { width: 100%; border: 1px solid #D6E2FF; border-radius: 8px; overflow: hidden; }
.page-index-huong-dan-nap-tien__guide-figure-img { width: 100%; height: auto; }
.page-index-huong-dan-nap-tien__faq-block { padding: 28px 16px; background: #FFFFFF; border-radius: 20px; border: 1px solid #D6E2FF; margin: 0 20px 20px; }
.page-index-huong-dan-nap-tien__faq-title { text-align: center; color: #1F2D3D; margin: 0 0 8px; }
.page-index-huong-dan-nap-tien__faq-desc { text-align: center; color: #1F2D3D; opacity: 0.7; margin-bottom: 20px; }
.page-index-huong-dan-nap-tien__faq-item { border-bottom: 1px solid #D6E2FF; padding: 12px 0; }
.page-index-huong-dan-nap-tien__faq-item summary { cursor: pointer; color: #1F2D3D; font-weight: 600; display: flex; align-items: center; gap: 12px; list-style: none; }
.page-index-huong-dan-nap-tien__faq-icon { background: #2F6BFF; color: #FFFFFF; width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; flex: 0 0 24px; }
.page-index-huong-dan-nap-tien__faq-item[open] .page-index-huong-dan-nap-tien__faq-icon { background: #FF6B6B; }
.page-index-huong-dan-nap-tien__faq-item p { margin: 8px 0 0 36px; color: #1F2D3D; opacity: 0.85; }
.page-index-huong-dan-nap-tien__why-section { padding: 28px 16px 48px; background: #F4F7FB; }
.page-index-huong-dan-nap-tien__why-inner { max-width: 1080px; margin: 0 auto; background: #FFFFFF; border-radius: 20px; border: 1px solid #D6E2FF; padding: 32px 24px; }
.page-index-huong-dan-nap-tien__why-title { text-align: center; margin: 0 0 20px; color: #1F2D3D; }
.page-index-huong-dan-nap-tien__why-list { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; }
.page-index-huong-dan-nap-tien__why-item { background: #F0F4FF;
 border-radius: 16px; padding: 20px 16px; flex: 1 1 240px; max-width: 320px; transition: transform 0.2s ease; }
.page-index-huong-dan-nap-tien__why-item:hover { transform: translateY(-4px); }
.page-index-huong-dan-nap-tien__why-item-title { color: #2F6BFF; font-weight: 700; font-size: 1rem; margin: 0 0 8px; }
.page-index-huong-dan-nap-tien__why-item-info p { margin: 0; color: #1F2D3D; opacity: 0.8; }
.page-index-huong-dan-nap-tien__guide-note { font-size: 0.9rem; }
@media (max-width: 1024px) and (min-width: 769px) { .page-index-huong-dan-nap-tien__hero-section { padding: 10px 12px 0 12px; } .page-index-huong-dan-nap-tien__e-wallet-guide-content { flex-direction: column; } }
@media (max-width: 768px) { .page-index-huong-dan-nap-tien__hero-title { font-weight: 800; font-size: 1.8rem; } .page-index-huong-dan-nap-tien__hero-section img { width: 100% !important; height: auto !important; max-width: 100% !important; } .page-index-huong-dan-nap-tien__hero-actions { flex-direction: column; width: 100%; max-width: 100%; overflow: hidden; }
  .page-index-huong-dan-nap-tien__hero-actions .page-index-huong-dan-nap-tien__hero-btn { width: 100%; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; text-align: center; } .page-index-huong-dan-nap-tien__guide-inner, .page-index-huong-dan-nap-tien__hero-content, .page-index-huong-dan-nap-tien__e-wallet-guide, .page-index-huong-dan-nap-tien__faq-block, .page-index-huong-dan-nap-tien__why-inner { padding: 16px; margin: 12px; border-radius: 16px; }
  .page-index-huong-dan-nap-tien__e-wallet-guide, .page-index-huong-dan-nap-tien__faq-block, .page-index-huong-dan-nap-tien__why-inner { margin-left: 12px; margin-right: 12px; }
  .page-index-huong-dan-nap-tien__e-wallet-guide-content { grid: initial; }
  .page-index-huong-dan-nap-tien__e-wallet-guide-title { font-size: 1.2em; }
  .page-index-huong-dan-nap-tien__guide-figure-img { max-width: 100% !important; height: auto !important; }
  .page-index-huong-dan-nap-tien img { max-width: 100% !important; height: auto !important; }
  .page-index-huong-dan-nap-tien__step-card { flex-wrap: wrap; }
  .page-index-huong-dan-nap-tien__step-number { margin-bottom: 8px; }
  .page-index-huong-dan-nap-tien__step-content { width: calc(100% - 50px); }
}
@media (max-width: 480px) { .page-index-huong-dan-nap-tien__hero-image-wrap { border-radius: 12px; } .page-index-huong-dan-nap-tien__hero-content { padding: 16px; } }