.page-index-gioi-thieu-tong-quan{background-color:#0D0E12;color:#FFF3E6;font-family:Arial,Helvetica,sans-serif;line-height:1.6}.page-index-gioi-thieu-tong-quan__hero-section{background:linear-gradient(135deg,#D96800 0%,#FF8C1A 100%);padding:20px 16px;} .page-index-gioi-thieu-tong-quan__hero-image{width:100%;max-width:1200px;margin:0 auto;} .page-index-gioi-thieu-tong-quan__hero-image img{width:100%;aspect-ratio:1200/350;object-fit:cover;display:block;border-radius:16px;box-shadow:0 8px 20px rgba(255,176,77,.2)} .page-index-gioi-thieu-tong-quan__hero-content{max-width:1200px;margin:20px auto 0;padding:16px 8px} .page-index-gioi-thieu-tong-quan__main-title{color:#FFF3E6;font-weight:800;line-height:1.2;letter-spacing:.3px;max-width:1200px;text-shadow:0 2px 4px rgba(0,0,0,.3)} .page-index-gioi-thieu-tong-quan__hero-description{color:#FFE9D6;margin-top:12px;max-width:900px} .page-index-gioi-thieu-tong-quan__hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box} .page-index-gioi-thieu-tong-quan__cta-button{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);border:2px solid #FFB04D;border-radius:50px;color:#1F1A16;font-weight:700;padding:12px 30px;text-decoration:none;display:inline-block;transition:border-color .3s,transform .3s;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center} .page-index-gioi-thieu-tong-quan__cta-button:hover{background:linear-gradient(180deg,#FFB04D 0%,#E07800 100%);border-color:#FFF3E6;transform:scale(1.02);color:#17191F;text-decoration:none} .page-index-gioi-thieu-tong-quan__guide-section{background-color:#0D0E12;padding:24px 16px} .page-index-gioi-thieu-tong-quan__guide-inner{max-width:1200px;margin:0 auto} .page-index-gioi-thieu-tong-quan__guide-header{margin-bottom:32px} .page-index-gioi-thieu-tong-quan__guide-title{color:#FFA53A;text-align:center;font-size:1.9rem} .page-index-gioi-thieu-tong-quan__guide-description{color:#B8B8C0;text-align:center;max-width:800px;margin:12px auto 0} .page-index-gioi-thieu-tong-quan__guide-steps{display:flex;flex-direction:column;gap:32px} .page-index-gioi-thieu-tong-quan__guide-item{background-color:#17191F;border:1px solid #A84F0C;border-radius:16px;overflow:visible;display:flex;flex-direction:column;align-items:flex-start;padding:18px;box-shadow:0 0 15px rgba(255,176,77,.1)} .page-index-gioi-thieu-tong-quan__step-number{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);border-radius:50%;color:#1F1A16;font-weight:900;font-size:1.5rem;height:44px;width:44px;display:flex;align-items:center;justify-content:center;margin-bottom:12px} .page-index-gioi-thieu-tong-quan__guide-figure{width:100%;margin:0 0 16px 0} figure.page-index-gioi-thieu-tong-quan__guide-figure img{width:100%;aspect-ratio:400/200;object-fit:cover;display:block;border-radius:12px;max-width:600px} .page-index-gioi-thieu-tong-quan__guide-item-title{color:#FFF3E6;margin:0 0 8px 0;} .page-index-gioi-thieu-tong-quan__guide-item-text{color:#C8C8D0;margin:0 0 16px 0} .page-index-gioi-thieu-tong-quan__guide-item-text strong{color:#FFF3E6} .page-index-gioi-thieu-tong-quan__guide-cta{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);border-radius:40px;color:#17191F;font-weight:700;padding:10px 20px;text-decoration:none;display:inline-block;border:1px solid #FFB04D;transition:border-color .3s;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center} a.page-index-gioi-thieu-tong-quan__guide-cta:hover{color:#17191F;border-color:#FFF3E6} .page-index-gioi-thieu-tong-quan__guide-note{background-color:#17191F;border-radius:12px;margin-top:32px;padding:16px 20px;border-left:8px solid #FF8C1A} .page-index-gioi-thieu-tong-quan__guide-note-text{color:#C8C8D0;margin:0} .page-index-gioi-thieu-tong-quan__about-section{background-color:#17191F;padding:32px 12px} .page-index-gioi-thieu-tong-quan__about-inner{max-width:1200px;margin:0 auto} .page-index-gioi-thieu-tong-quan__about-title{text-align:center;color:#FF8C1A} .page-index-gioi-thieu-tong-quan__about-lead{color:#B8B8C0;font-size:1.2rem;margin-bottom:32px} .page-index-gioi-thieu-tong-quan__feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px} .page-index-gioi-thieu-tong-quan__feature-card{background-color:#242630;border-radius:16px;padding:24px;border-top:4px solid #FF8C1A} h3.page-index-gioi-thieu-tong-quan__guide-item-title{color:#FFF3E6} .page-index-gioi-thieu-tong-quan__feature-card-title{color:#FFF3E6;margin-top:0} .page-index-gioi-thieu-tong-quan__feature-card-text{color:#C8C8D0} .page-index-gioi-thieu-tong-quan__information-block{margin-top:20px;background-color:#242630;padding:20px;border-radius:12px} .page-index-gioi-thieu-tong-quan__information-title{color:#FFF3E6} .page-index-gioi-thieu-tong-quan__information-text{color:#C8C8D0} .page-index-gioi-thieu-tong-quan__information-figure{width:100%;margin:24px 0;} figure.page-index-gioi-thieu-tong-quan__information-figure img{width:100%;aspect-ratio:430/200;object-fit:cover;display:block;border-radius:12px;max-width:800px} .page-index-gioi-thieu-tong-quan__cta-container{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0} .page-index-gioi-thieu-tong-quan__cta-download{background:linear-gradient(180deg,#FFA53A 0%,#D96800 100%);border-radius:50px;color:#17191F;font-weight:bold;padding:14px 30px;text-decoration:none;border:1px solid #FFA53A;transition:border-color .3s;display:inline-block;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center} a.page-index-gioi-thieu-tong-quan__cta-download:hover{color:#17191F;border-color:#FFB04D} .page-index-gioi-thieu-tong-quan__article-text{color:#B8B8C0;margin:1.2rem 0}.page-index-gioi-thieu-tong-quan__feature-card-title, .page-index-gioi-thieu-tong-quan__guide-item-title{font-family:inherit}.page-index-gioi-thieu-tong-quan__guide-figure img, .page-index-gioi-thieu-tong-quan__information-figure img{border:4px solid #A84F0C}@media (max-width: 1024px){.page-index-gioi-thieu-tong-quan__hero-image img{aspect-ratio:1024/350}.page-index-gioi-thieu-tong-quan__guide-figure img{max-width:100%}.page-index-gioi-thieu-tong-quan__information-figure img{max-width:100%}}@media (max-width: 768px){.page-index-gioi-thieu-tong-quan{padding:0}.page-index-gioi-thieu-tong-quan__hero-section{padding:10px 8px}.page-index-gioi-thieu-tong-quan__hero-image img{width:100%;max-width:100%!important;height:auto!important}.page-index-gioi-thieu-tong-quan__hero-content{padding:12px 4px}.page-index-gioi-thieu-tong-quan img{max-width:100%!important;height:auto!important}.page-index-gioi-thieu-tong-quan__guide-figure img{max-width:100%}.page-index-gioi-thieu-tong-quan__guide-figure{width:100%}.page-index-gioi-thieu-tong-quan__information-figure img{max-width:100%}.page-index-gioi-thieu-tong-quan__guide-steps{flex-direction:column}.page-index-gioi-thieu-tong-quan__guide-item{padding:14px;width:auto;max-width:100%;box-sizing:border-box}.page-index-gioi-thieu-tong-quan__guide-item-title{font-size:1.3rem}.page-index-gioi-thieu-tong-quan__about-section{padding:24px 8px}.page-index-gioi-thieu-tong-quan__feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .page-index-gioi-thieu-tong-quan__feature-grid .page-index-gioi-thieu-tong-quan__feature-card{max-width:100%;box-sizing:border-box;padding:16px} .page-index-gioi-thieu-tong-quan__feature-grid:nth-child(odd) .page-index-gioi-thieu-tong-quan__feature-card{grid-column:1/-1}}@media (max-width: 480px){.page-index-gioi-thieu-tong-quan__feature-grid{grid-template-columns:1fr}.page-index-gioi-thieu-tong-quan__feature-grid:nth-child(odd) .page-index-gioi-thieu-tong-quan__feature-card{grid-column:auto}.page-index-gioi-thieu-tong-quan__guide-figure img{max-width:100%;height:auto}}