.page-index-xu-huong-giai-tri{color:#333333;max-width:100%;overflow-x:hidden}.page-index-xu-huong-giai-tri img{max-width:100%;height:auto}.page-index-xu-huong-giai-tri__hero-section{display:flex;flex-direction:column;padding-top:10px;padding-bottom:0;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}.page-index-xu-huong-giai-tri__hero-image-wrapper{width:100%;padding:0 0 0 0}.page-index-xu-huong-giai-tri__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:1200/350;object-fit:cover;display:block;margin:0 auto;border-radius:0}.page-index-xu-huong-giai-tri__hero-content{text-align:center;padding:24px 16px 32px;max-width:900px;margin:0 auto}.page-index-xu-huong-giai-tri__hero-title{font-weight:800;line-height:1.3;letter-spacing:0.5px;color:#0477db;margin:0 0 12px 0;max-width:800px}.page-index-xu-huong-giai-tri__hero-description{font-size:1rem;line-height:1.7;color:#333333;margin:0 auto 24px;max-width:760px}.page-index-xu-huong-giai-tri__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:100%;box-sizing:border-box}.page-index-xu-huong-giai-tri__cta-button{display:inline-block;background-color:#EA7C07;color:#ffffff;font-weight:700;font-size:1rem;padding:14px 32px;border-radius:50px;text-decoration:none;border:2px solid transparent;transition:all 0.3s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-index-xu-huong-giai-tri__cta-button:hover{background-color:#d16e06}.page-index-xu-huong-giai-tri__cta-button--secondary{background-color:#26A9E0;color:#ffffff;border:2px solid #ffffff}.page-index-xu-huong-giai-tri__cta-button--secondary:hover{background-color:#1d8bb8}.page-index-xu-huong-giai-tri__partner-section{padding:30px 16px 40px;max-width:1200px;margin:0 auto}.page-index-xu-huong-giai-tri__section-title{text-align:center;color:#0477db;font-weight:700;line-height:1.4;margin-bottom:28px;font-size:1.6rem}.page-index-xu-huong-giai-tri__partner-title{max-width:900px;margin-left:auto;margin-right:auto}.page-index-xu-huong-giai-tri__partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1200px;margin:0 auto}.page-index-xu-huong-giai-tri__partner-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;background:#ffffff;border:1px solid #e0f2fe;border-radius:16px;padding:20px 16px;box-shadow:0 2px 12px rgba(38,169,224,0.08);transition:transform 0.2s ease,box-shadow 0.2s ease}.page-index-xu-huong-giai-tri__partner-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(38,169,224,0.15)}.page-index-xu-huong-giai-tri__partner-image{width:100%;aspect-ratio:2/1;object-fit:contain;border-radius:8px}.page-index-xu-huong-giai-tri__partner-link{display:inline-block;padding:8px 24px;border-radius:999px;background-color:#26A9E0;color:#ffffff;font-weight:600;text-decoration:none;font-size:0.9rem;transition:background-color 0.2s ease;max-width:100%;box-sizing:border-box}.page-index-xu-huong-giai-tri__partner-link:hover{background-color:#1d8bb8}.page-index-xu-huong-giai-tri__partner-item:nth-child(5){grid-column:2}.page-index-xu-huong-giai-tri__partner-item:nth-child(6){grid-column:3}.page-index-xu-huong-giai-tri__guide-section{background:#f0f9ff;padding:30px 16px 40px}.page-index-xu-huong-giai-tri__guide-content{max-width:1000px;margin:0 auto}.page-index-xu-huong-giai-tri__guide-figure{margin:0 0 24px 0;text-align:center}.page-index-xu-huong-giai-tri__guide-image{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;border-radius:12px;display:block;margin:0 auto}.page-index-xu-huong-giai-tri__guide-caption{font-size:0.9rem;color:#555;margin-top:8px;text-align:center}.page-index-xu-huong-giai-tri__guide-heading{color:#333;font-size:1.4rem;line-height:1.4;text-align:center;margin-bottom:8px}.page-index-xu-huong-giai-tri__guide-text{font-size:1rem;line-height:1.7;color:#333;max-width:850px;margin:0 auto 24px;text-align:center}.page-index-xu-huong-giai-tri__guide-list{padding-left:20px;max-width:850px;margin:0 auto 24px;color:#333}.page-index-xu-huong-giai-tri__guide-list-item{font-size:1rem;line-height:1.7;margin-bottom:12px}.page-index-xu-huong-giai-tri__guide-cta{text-align:center;max-width:100%;overflow:hidden}.page-index-xu-huong-giai-tri__benefit-section{padding:30px 16px 40px}.page-index-xu-huong-giai-tri__benefit-title{max-width:900px;margin-left:auto;margin-right:auto}.page-index-xu-huong-giai-tri__benefit-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-index-xu-huong-giai-tri__benefit-card{background:#f8fdff;border:1px solid #e0f2fe;border-radius:20px;padding:20px;transition:transform 0.2s ease,box-shadow 0.2s ease}.page-index-xu-huong-giai-tri__benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(38,169,224,0.12)}.page-index-xu-huong-giai-tri__benefit-image{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px;margin-bottom:16px}.page-index-xu-huong-giai-tri__benefit-card-title{font-size:1.2rem;color:#0477db;line-height:1.5;margin-bottom:10px;font-weight:700}.page-index-xu-huong-giai-tri__benefit-card-text{font-size:0.95rem;line-height:1.7;color:#333;margin-bottom:0}.page-index-xu-huong-giai-tri__trend-section{padding:30px 16px 40px;background:#f7fbff}.page-index-xu-huong-giai-tri__trend-title{max-width:900px;margin-left:auto;margin-right:auto}.page-index-xu-huong-giai-tri__trend-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-index-xu-huong-giai-tri__trend-card{background:#ffffff;border:1px solid #e0f2fe;border-radius:20px;padding:16px;display:flex;flex-direction:column;transition:transform 0.2s ease,box-shadow 0.2s ease}.page-index-xu-huong-giai-tri__trend-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(38,169,224,0.12)}.page-index-xu-huong-giai-tri__trend-card-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin-bottom:16px}.page-index-xu-huong-giai-tri__trend-card-title{font-size:1.15rem;color:#222;line-height:1.4;margin-bottom:10px;font-weight:700}.page-index-xu-huong-giai-tri__trend-card-text{font-size:0.92rem;line-height:1.7;color:#333;margin-bottom:16px;flex:1}.page-index-xu-huong-giai-tri__trend-card-link{font-weight:600;color:#26A9E0;text-decoration:none;font-size:0.95rem;border-bottom:2px solid transparent;padding-bottom:2px;max-width:max-content}.page-index-xu-huong-giai-tri__trend-card-link:hover{color:#1d8bb8;border-bottom-color:#1d8bb8}.page-index-xu-huong-giai-tri__tutorial-section{padding:30px 16px 40px}.page-index-xu-huong-giai-tri__tutorial-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.page-index-xu-huong-giai-tri__tutorial-text{display:flex;flex-direction:column;gap:16px}.page-index-xu-huong-giai-tri__tutorial-paragraph{font-size:0.98rem;line-height:1.75;color:#333;text-align:justify}.page-index-xu-huong-giai-tri__tutorial-figure{margin:0}.page-index-xu-huong-giai-tri__tutorial-image{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:16px;display:block}.page-index-xu-huong-giai-tri__tutorial-caption{font-size:0.88rem;color:#555;margin-top:8px;text-align:center}.page-index-xu-huong-giai-tri__download-section{padding:30px 16px 40px;background:#f0f9ff}.page-index-xu-huong-giai-tri__download-card{max-width:850px;margin:0 auto;background:linear-gradient(120deg,#26A9E0,#1d8bb8);border-radius:20px;padding:35px;color:#ffffff}.page-index-xu-huong-giai-tri__download-title{font-weight:800;line-height:1.4;margin-bottom:14px;color:#fff;text-align:center}.page-index-xu-huong-giai-tri__download-description{font-size:1rem;line-height:1.7;color:#ffffff;opacity:0.9;margin-bottom:24px;text-align:center}.page-index-xu-huong-giai-tri__download-button{display:block;width:max-content;margin:0 auto;background-color:#EA7C07;color:#ffffff;font-weight:700;font-size:1rem;padding:14px 36px;border-radius:50px;text-decoration:none;border:2px solid #fff;transition:all 0.3s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center}.page-index-xu-huong-giai-tri__download-button:hover{background-color:#d16e06}.page-index-xu-huong-giai-tri__faq-section{padding:30px 16px 48px}.page-index-xu-huong-giai-tri__faq-title{margin-bottom:24px}.page-index-xu-huong-giai-tri__faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.page-index-xu-huong-giai-tri__faq-item{background:#ffffff;border-radius:14px;border:1px solid #e0f2fe;overflow:hidden}.page-index-xu-huong-giai-tri__faq-question{cursor:pointer;font-weight:600;color:#0477db;padding:16px 20px;font-size:1rem;list-style:none;display:flex;justify-content:space-between;align-items:center}.page-index-xu-huong-giai-tri__faq-question::-webkit-details-marker{display:none}.page-index-xu-huong-giai-tri__faq-question::after{content:'+';font-size:1.5rem;line-height:1;color:#26A9E0;font-weight:400;transition:transform 0.2s ease}.details-open .page-index-xu-huong-giai-tri__faq-question::after,.page-index-xu-huong-giai-tri__faq-item[open] .page-index-xu-huong-giai-tri__faq-question::after{content:'−';transform:rotate(180deg)}.page-index-xu-huong-giai-tri__faq-answer{padding:0 20px 16px;color:#333;font-size:0.95rem;line-height:1.7}.page-index-xu-huong-giai-tri__faq-answer p{margin:0 0 10px 0}.page-index-xu-huong-giai-tri__faq-answer p:last-child{margin-bottom:0}.page-index-xu-huong-giai-tri__content-area{max-width:1200px;margin:0 auto;padding:20px 16px}.page-index-xu-huong-giai-tri__content-title{font-size:1.4rem;color:#0477db;margin-bottom:16px}.page-index-xu-huong-giai-tri__content-paragraph{font-size:1rem;line-height:1.7;color:#333;margin-bottom:16px}@media (max-width: 1024px){.page-index-xu-huong-giai-tri__hero-title{font-size:2rem}.page-index-xu-huong-giai-tri__partner-grid{grid-template-columns:repeat(3,1fr)}.page-index-xu-huong-giai-tri__partner-item:nth-child(5),.page-index-xu-huong-giai-tri__partner-item:nth-child(6){grid-column:auto}.page-index-xu-huong-giai-tri__benefit-grid,.page-index-xu-huong-giai-tri__trend-grid{grid-template-columns:repeat(2,1fr)}.page-index-xu-huong-giai-tri__tutorial-content{grid-template-columns:1fr}}@media (max-width: 768px){.page-index-xu-huong-giai-tri{max-width:100%;overflow-x:hidden}.page-index-xu-huong-giai-tri img{max-width:100% !important;height:auto !important}.page-index-xu-huong-giai-tri__hero-section{padding-top:10px}.page-index-xu-huong-giai-tri__hero-image{aspect-ratio:1/1;width:100%;height:auto;min-width:auto;min-height:auto}.page-index-xu-huong-giai-tri__hero-title{font-size:1.4rem;line-height:1.3}.page-index-xu-huong-giai-tri__hero-description{font-size:0.95rem}.page-index-xu-huong-giai-tri__hero-actions{flex-direction:column;gap:10px}.page-index-xu-huong-giai-tri__cta-button{display:block;width:100%;text-align:center;font-size:0.9rem;padding:12px 20px}.page-index-xu-huong-giai-tri__partner-grid{grid-template-columns:repeat(2,1fr);gap:14px}.page-index-xu-huong-giai-tri__partner-item,.page-index-xu-huong-giai-tri__partner-item:nth-child(5),.page-index-xu-huong-giai-tri__partner-item:nth-child(6){grid-column:auto}.page-index-xu-huong-giai-tri__partner-link{font-size:0.85rem;padding:8px 16px;max-width:100%}.page-index-xu-huong-giai-tri__benefit-grid,.page-index-xu-huong-giai-tri__trend-grid{grid-template-columns:1fr}.page-index-xu-huong-giai-tri__guide-figure{margin-bottom:16px}.page-index-xu-huong-giai-tri__guide-heading{font-size:1.1rem}.page-index-xu-huong-giai-tri__benefit-title{font-size:1.2rem}.page-index-xu-huong-giai-tri__trend-title{font-size:1.2rem}.page-index-xu-huong-giai-tri__trend-card{padding:12px}.page-index-xu-huong-giai-tri__tutorial-content{display:grid;grid-template-columns:1fr;gap:20px}.page-index-xu-huong-giai-tri__download-button{font-size:0.9rem;max-width:100%;text-align:center}.page-index-xu-huong-giai-tri__faq-title{font-size:1.2rem}}