.page-gioi-thieu{color:#333333;background:#ffffff;max-width:100%;overflow-x:hidden}
.page-gioi-thieu img{max-width:100%;height:auto}
.page-gioi-thieu__hero-section{width:100%;padding:10px 0 0;display:flex;flex-direction:column;align-items:center}
.page-gioi-thieu__hero-image-wrap{width:100%;max-width:1200px;margin:0 auto}
.page-gioi-thieu__hero-image{width:100%;max-width:1200px;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:8px}
.page-gioi-thieu__hero-content{width:100%;max-width:1200px;margin:0 auto;padding:16px 16px 24px;text-align:center}
.page-gioi-thieu__hero-title{color:#017439;font-weight:900;line-height:1.3;letter-spacing:.5px;max-width:900px;margin:0 auto 12px}
.page-gioi-thieu__hero-desc{color:#333333;font-size:1.1rem;line-height:1.8;max-width:800px;margin:0 auto 20px}
.page-gioi-thieu__hero-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%}
.page-gioi-thieu__btn-register,.page-gioi-thieu__btn-login{display:inline-block;padding:12px 32px;border-radius:40px;background:#C30808;color:#FFFF00;font-weight:800;text-decoration:none;font-size:1rem;transition:opacity .2s;box-sizing:border-box;white-space:normal;word-wrap:break-word;max-width:100%;border:2px solid transparent}
.page-gioi-thieu__btn-login{background:#C30808;color:#FFFF00}
.page-gioi-thieu__btn-register:hover,.page-gioi-thieu__btn-login:hover{opacity:.9}
.page-gioi-thieu__intro-section,.page-gioi-thieu__history-section{display:flex;flex-direction:row;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:36px 16px;flex-wrap:wrap}
.page-gioi-thieu__intro-block,.page-gioi-thieu__intro-media,.page-gioi-thieu__history-text,.page-gioi-thieu__history-media{flex:1 1 300px;min-width:260px}
.page-gioi-thieu__intro-title,.page-gioi-thieu__history-title,.page-gioi-thieu__platform-title,.page-gioi-thieu__value-title,.page-gioi-thieu__partner-title,.page-gioi-thieu__faq-title,.page-gioi-thieu__guide-title,.page-gioi-thieu__message-title{color:#017439;font-weight:800;line-height:1.4;margin-bottom:16px;margin-top:0}
.page-gioi-thieu__intro-text,.page-gioi-thieu__history-detail,.page-gioi-thieu__platform-text,.page-gioi-thieu__faq-answer,.page-gioi-thieu__guide-text{font-size:1rem;line-height:1.8;color:#333333;margin-bottom:14px}
.page-gioi-thieu__intro-media img,.page-gioi-thieu__platform-media img,.page-gioi-thieu__history-media img{border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.page-gioi-thieu__value-section,.page-gioi-thieu__partner-content{max-width:1200px;margin:0 auto;padding:36px 16px}
.page-gioi-thieu__value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
.page-gioi-thieu__value-card{background:#ffffff;border:1px solid #e9ecef;border-radius:12px;padding:16px;transition:transform .3s}
.page-gioi-thieu__value-card:hover{transform:translateY(-4px)}
.page-gioi-thieu__value-card img{border-radius:8px;width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.page-gioi-thieu__value-subtitle{margin:16px 0 8px;color:#017439;font-weight:700}
.page-gioi-thieu__value-text{font-size:.95rem;line-height:1.7;color:#333333;margin-bottom:0}
.page-gioi-thieu__platform-section{max-width:1200px;margin:0 auto;padding:36px 16px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.page-gioi-thieu__platform-block{flex:1 1 300px;min-width:260px}
.page-gioi-thieu__platform-media{flex:1 1 300px;min-width:260px}
.page-gioi-thieu__platform-media img{width:100%;aspect-ratio:16/10;object-fit:cover}
.page-gioi-thieu__btn-pc,.page-gioi-thieu__btn-promo,.page-gioi-thieu__btn-start{display:inline-block;background:#017439;color:#ffffff;border-radius:40px;padding:12px 28px;text-decoration:none;font-weight:700;transition:background .2s;margin-top:10px;box-sizing:border-box;white-space:normal;word-wrap:break-word;max-width:100%}
.page-gioi-thieu__btn-pc:hover,.page-gioi-thieu__btn-promo:hover,.page-gioi-thieu__btn-start:hover{background:#01632e}
.page-gioi-thieu__partner-section{position:relative;width:100%;background:#f2f9f5;margin-top:40px}
.page-gioi-thieu__partner-bg{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.92) 35%);border-radius:8px;pointer-events:none}
.page-gioi-thieu__partner-content{position:relative;z-index:1}
.page-gioi-thieu__partner-title,.page-gioi-thieu__partner-intro{padding:0 16px}
.page-gioi-thieu__partner-intro{color:#333333;line-height:1.8;margin:8px 0 20px;font-size:1rem}
.page-gioi-thieu__partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px;align-items:start}
.page-gioi-thieu__partner-item{display:flex;flex-direction:column;align-items:center;text-align:center;background:#ffffff;border-radius:12px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,.03)}
.page-gioi-thieu__partner-item img{width:100%;max-width:280px;height:auto;aspect-ratio:2/1;object-fit:contain;margin-bottom:10px}
.page-gioi-thieu__partner-item:nth-child(5){grid-column:2}
.page-gioi-thieu__partner-item:nth-child(6){grid-column:3}
.page-gioi-thieu__partner-cta{font-size:.85rem;background:#ffffff;color:#017439;border:1px solid #017439;padding:6px 16px;border-radius:30px;text-decoration:none;font-weight:700;transition:background .2s;display:inline-block;box-sizing:border-box;white-space:normal;word-wrap:break-word;max-width:100%}
.page-gioi-thieu__partner-cta:hover{background:#e6f4ee}
.page-gioi-thieu__history-section{flex-direction:row-reverse}
.page-gioi-thieu__guide-section,.page-gioi-thieu__faq-section{max-width:900px;margin:0 auto;padding:24px 16px 40px}
.page-gioi-thieu__guide-title,.page-gioi-thieu__faq-title{text-align:center}
.page-gioi-thieu__guide-detail,.page-gioi-thieu__faq-item{background:#f8f9fa;border-radius:8px;padding:8px 16px;margin-bottom:12px;border-left:4px solid #017439}
.page-gioi-thieu__guide-summary,.page-gioi-thieu__faq-question{display:flex;align-items:center;gap:10px;font-weight:700;color:#017439;cursor:pointer;line-height:1.6;padding:10px 0;list-style:none}
.page-gioi-thieu__guide-summary::-webkit-details-marker,.page-gioi-thieu__faq-question::-webkit-details-marker{display:none}
.page-gioi-thieu__guide-icon,.page-gioi-thieu__faq-icon{display:inline-block;font-size:1.5rem;font-weight:700;color:#C30808;line-height:1}
.page-gioi-thieu__guide-detail[open] .page-gioi-thieu__guide-icon,.page-gioi-thieu__faq-item[open] .page-gioi-thieu__faq-icon{transform:rotate(45deg)}
.page-gioi-thieu__message-section{max-width:1000px;margin:0 auto;padding:20px 16px 40px;text-align:center}
.page-gioi-thieu__message-card{background:#f2f9f5;border-radius:16px;padding:40px 24px;border:1px solid #a5d8b5}
.page-gioi-thieu__message-text{font-size:1rem;line-height:1.8;color:#333333;margin:0 0 24px}
@media (max-width:768px){
.page-gioi-thieu__hero-section{padding-top:8px}
.page-gioi-thieu__hero-image{aspect-ratio:16/9}
.page-gioi-thieu__hero-buttons{flex-direction:column;align-items:center;gap:10px}
.page-gioi-thieu__btn-register,.page-gioi-thieu__btn-login{width:100%;max-width:320px}
.page-gioi-thieu__value-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.page-gioi-thieu__partner-grid{grid-template-columns:repeat(2,1fr)}
.page-gioi-thieu__partner-item:nth-child(5),.page-gioi-thieu__partner-item:nth-child(6){grid-column:auto}
.page-gioi-thieu img{max-width:100%!important;height:auto!important}
.page-gioi-thieu__intro-section,.page-gioi-thieu__history-section,.page-gioi-thieu__platform-section{flex-direction:column}
}
@media (max-width:480px){
.page-gioi-thieu__partner-grid{grid-template-columns:1fr}
.page-gioi-thieu__partner-item{max-width:380px;margin:0 auto}
}