.page-blog-cam-nang-no-hu-cho-nguoi-moi { color: #333333; font-family: Arial, sans-serif; line-height: 1.6; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi h1, .page-blog-cam-nang-no-hu-cho-nguoi-moi h2, .page-blog-cam-nang-no-hu-cho-nguoi-moi h3 { color: #26A9E0; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__hero-section { padding-top: 10px; margin: 0 auto; max-width: 1200px; display: flex; flex-direction: column; align-items: center; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__hero-image img { width: 100%; height: auto; display: block; border-radius: 8px; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__hero-content { text-align: center; padding: 20px; width: 100%; max-width: 900px; box-sizing: border-box; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__main-title { font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: bold; line-height: 1.3; margin-bottom: 16px; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__hero-desc { font-size: 1.1rem; margin-bottom: 24px; color: #333333; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__hero-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__btn { display: inline-block; padding: 12px 24px; border-radius: 6px; text-decoration: none; font-weight: bold; transition: background-color 0.3s; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__btn--primary { background-color: #26A9E0; color: #FFFFFF; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__btn--login { background-color: #EA7C07; color: #FFFFFF; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__intro-section, .page-blog-cam-nang-no-hu-cho-nguoi-moi__overview-section, .page-blog-cam-nang-no-hu-cho-nguoi-moi__strengths-section, .page-blog-cam-nang-no-hu-cho-nguoi-moi__lobbies-section, .page-blog-cam-nang-no-hu-cho-nguoi-moi__faq-section, .page-blog-cam-nang-no-hu-cho-nguoi-moi__blog-section { max-width: 1100px; margin: 0 auto; padding: 40px 16px; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__section-title { font-size: 2rem; margin-bottom: 20px; text-align: center; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__sub-title { font-size: 1.3rem; margin-top: 24px; margin-bottom: 12px; color: #26A9E0; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__overview-section img, .page-blog-cam-nang-no-hu-cho-nguoi-moi__strengths-section img, .page-blog-cam-nang-no-hu-cho-nguoi-moi__lobbies-section img { width: 100%; height: auto; display: block; margin: 20px auto; border-radius: 8px; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi p { margin-bottom: 16px; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__faq-item { margin-bottom: 24px; background-color: #f5f5f5; padding: 16px; border-radius: 8px; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__faq-question { font-size: 1.1rem; margin-bottom: 8px; color: #26A9E0; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__blog-track { display: flex; gap: 16px; overflow-x: auto; padding-bottom: 10px; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__blog-card { flex: 0 0 calc(25% - 12px); background-color: #FFFFFF; border: 1px solid #eee; border-radius: 8px; overflow: hidden; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__blog-card img { width: 100%; height: auto; display: block; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__blog-card a { text-decoration: none; color: #333333; display: block; }
.page-blog-cam-nang-no-hu-cho-nguoi-moi__blog-title { font-size: 1rem; padding: 12px; margin: 0; color: #26A9E0; }
@media (max-width: 768px) {
  .page-blog-cam-nang-no-hu-cho-nguoi-moi__hero-section { padding-top: 8px; }
  .page-blog-cam-nang-no-hu-cho-nguoi-moi__main-title { font-size: 1.6rem; }
  .page-blog-cam-nang-no-hu-cho-nguoi-moi__section-title { font-size: 1.5rem; }
  .page-blog-cam-nang-no-hu-cho-nguoi-moi__sub-title { font-size: 1.2rem; }
  .page-blog-cam-nang-no-hu-cho-nguoi-moi__blog-card { flex-basis: 80%; }
  .page-blog-cam-nang-no-hu-cho-nguoi-moi__hero-actions { flex-direction: column; align-items: stretch; }
  .page-blog-cam-nang-no-hu-cho-nguoi-moi img { max-width: 100% !important; height: auto !important; }
  .page-blog-cam-nang-no-hu-cho-nguoi-moi__btn { width: 100%; text-align: center; }
  .page-blog-cam-nang-no-hu-cho-nguoi-moi { max-width: 100%; overflow-x: hidden; }
}