.page-index-bao-mat-thong-tin__hero-section{background:#f5f7fa;padding:10px 16px 0;display:flex;flex-direction:column;align-items:center}.page-index-bao-mat-thong-tin__hero-image{width:100%;max-width:1200px;overflow:hidden;border-radius:12px}.page-index-bao-mat-thong-tin__hero-img-element{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.page-index-bao-mat-thong-tin__hero-content{width:100%;max-width:1200px;margin:0 auto;padding:16px 0 24px;text-align:center}.page-index-bao-mat-thong-tin__hero-title{color:#017439;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;line-height:1.25;letter-spacing:-.02em;margin:0 0 10px}.page-index-bao-mat-thong-tin__hero-description{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6;color:#333;max-width:860px;margin:0 auto 18px}.page-index-bao-mat-thong-tin__hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;max-width:100%}.page-index-bao-mat-thong-tin__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 24px;border-radius:8px;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;transition:background .3s,transform .2s;color:#FFFF00;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}.page-index-bao-mat-thong-tin__btn--register{background:#C30808;border:1px solid #C30808}.page-index-bao-mat-thong-tin__btn--login{background:#C30808;border:1px solid #C30808}.page-index-bao-mat-thong-tin__btn:hover{transform:translateY(-2px);opacity:.95}.page-index-bao-mat-thong-tin__container{width:100%;max-width:1200px;margin:0 auto}.page-index-bao-mat-thong-tin__logo-section{padding:0 16px}.page-index-bao-mat-thong-tin__section-title{text-align:center;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:800;color:#017439;margin:0 0 20px;line-height:1.3}.page-index-bao-mat-thong-tin__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center}.page-index-bao-mat-thong-tin__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;width:100%;padding:12px;background:#fff;border:1px solid #e8ecef;border-radius:12px;box-sizing:border-box}.page-index-bao-mat-thong-tin__logo-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;display:block}.page-index-bao-mat-thong-tin__logo-cta{display:inline-block;min-height:40px;padding:8px 20px;border-radius:999px;background:#0477db;color:#fff;font-weight:700;font-size:.9rem;text-decoration:none;line-height:1.2;transition:background .3s;max-width:100%;overflow-wrap:break-word;box-sizing:border-box;text-align:center}.page-index-bao-mat-thong-tin__logo-cta:hover{opacity:.9}.page-index-bao-mat-thong-tin__logo-item:nth-child(5){grid-column:2}.page-index-bao-mat-thong-tin__logo-item:nth-child(6){grid-column:3}.page-index-bao-mat-thong-tin__guide-inner{max-width:1000px;margin:0 auto;padding:16px 16px 48px}.page-index-bao-mat-thong-tin__guide-title{text-align:center;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:800;color:#017439;margin:0 0 28px;line-height:1.3}.page-index-bao-mat-thong-tin__guide-item{margin-bottom:32px;padding:20px 0}.page-index-bao-mat-thong-tin__guide-item h3{font-size:clamp(1rem,1.8vw,1.25rem);color:#017439;margin:8px 0 12px;font-weight:700}.page-index-bao-mat-thong-tin__guide-figure{margin:16px 0;padding:0}.page-index-bao-mat-thong-tin__guide-img{width:100%;height:auto;max-width:800px;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:10px}.page-index-bao-mat-thong-tin__guide-item p{font-size:1rem;line-height:1.7;color:#333;margin:12px 0}.page-index-bao-mat-thong-tin__guide-item a{color:#0477db;text-decoration:none;font-weight:600}.page-index-bao-mat-thong-tin__guide-item a:hover{text-decoration:underline}.page-index-bao-mat-thong-tin img{max-width:100%}.page-index-bao-mat-thong-tin{color:#333}.page-index-bao-mat-thong-tin{overflow-x:hidden}@media (min-width:1024px){.page-index-bao-mat-thong-tin__logo-item{max-width:280px}.page-index-bao-mat-thong-tin__guide-img{max-width:800px;margin:0 auto}}@media (max-width:1024px){.page-index-bao-mat-thong-tin__logo-grid{gap:16px}.page-index-bao-mat-thong-tin__logo-item{max-width:240px}}@media (max-width:768px){.page-index-bao-mat-thong-tin{overflow-x:hidden;max-width:100%}.page-index-bao-mat-thong-tin__hero-image{width:100%;max-width:100%}.page-index-bao-mat-thong-tin__hero-img-element{aspect-ratio:4/3}.page-index-bao-mat-thong-tin__hero-content{width:100%;max-width:100%}.page-index-bao-mat-thong-tin__hero-title{width:100%;max-width:100%}.page-index-bao-mat-thong-tin__hero-description{width:100%;max-width:100%}.page-index-bao-mat-thong-tin__hero-actions{flex-direction:column;width:100%}.page-index-bao-mat-thong-tin__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-index-bao-mat-thong-tin__logo-grid{grid-template-columns:repeat(2,1fr);gap:14px}.page-index-bao-mat-thong-tin__logo-item{max-width:100%;grid-column:auto!important}.page-index-bao-mat-thong-tin__logo-cta{width:100%;box-sizing:border-box;white-space:normal;text-align:center;overflow-wrap:break-word}.page-index-bao-mat-thong-tin__container{width:100%;max-width:100%;box-sizing:border-box}.page-index-bao-mat-thong-tin__guide-inner{padding:16px 0 36px}.page-index-bao-mat-thong-tin__guide-title{width:100%;max-width:100%}.page-index-bao-mat-thong-tin__guide-item{width:100%;max-width:100%;box-sizing:border-box}.page-index-bao-mat-thong-tin img{max-width:100%!important;height:auto!important}.page-index-bao-mat-thong-tin__guide-img{max-width:100%!important}.page-index-bao-mat-thong-tin__logo-image{aspect-ratio:2/1}.page-index-bao-mat-thong-tin__btn--login{width:100%}}