.page-xso-truc-tuyen{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#1F2D3D;background:#F4F7FB;padding:0;margin:0;width:100%;max-width:100%}
.page-xso-truc-tuyen *,
.page-xso-truc-tuyen *::before,
.page-xso-truc-tuyen *::after{box-sizing:border-box}

/* Hero */
.page-xso-truc-tuyen__hero-section{display:flex;flex-direction:column;align-items:center;width:100%;background:linear-gradient(135deg,#E3EDFF 0%,#FFFFFF 100%);padding:10px 16px 0}
.page-xso-truc-tuyen__hero-image{width:100%;max-width:1020px;margin:0 auto}
.page-xso-truc-tuyen__hero-img{display:block;width:100%;max-width:1020px;aspect-ratio:17/5;height:auto;object-fit:cover;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,0.15)}
.page-xso-truc-tuyen__hero-content{width:100%;max-width:1020px;margin:12px auto 8px;text-align:center;padding:0 4px}
.page-xso-truc-tuyen__hero-content h1{font-size:clamp(1.6rem,2vw + 0.8rem,2.6rem);font-weight:800;color:#1F2D3D;margin:0 0 10px;letter-spacing:0.5px;line-height:1.3}
.page-xso-truc-tuyen__hero-content p{font-size:1rem;color:#3A4A5F;margin:0 auto 18px;width:100%;max-width:780px;line-height:1.7}
.page-xso-truc-tuyen__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:100%;max-width:100%}

/* Buttons */
.page-xso-truc-tuyen__btn{display:inline-block;padding:14px 30px;font-weight:700;font-size:15px;border:none;border-radius:999px;min-width:180px;text-align:center;text-decoration:none;transition:opacity 0.2s, transform 0.2s;cursor:pointer;box-shadow:0 6px 14px rgba(43,92,255,0.2)}
.page-xso-truc-tuyen__btn:hover{opacity:0.9;transform:translateY(-1px)}
.page-xso-truc-tuyen__btn--primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#fff}
.page-xso-truc-tuyen__btn--secondary{background:#FFFFFF;color:#2F6BFF;border:2px solid #2F6BFF;box-shadow:none}

/* Guide */
.page-xso-truc-tuyen__guide-section{width:100%;max-width:1080px;margin:30px auto 20px;padding:0 16px}
.page-xso-truc-tuyen__guide-section h2{color:#2F6BFF;font-size:1.8rem;font-weight:750;margin-bottom:12px;position:relative;padding-left:16px;border-left:5px solid #2F6BFF}
.page-xso-truc-tuyen__guide-section h3{color:#1F2D3D;font-size:1.35rem;margin-top:24px;margin-bottom:8px}
.page-xso-truc-tuyen__guide-section p,
.page-xso-truc-tuyen__guide-section li{color:#2C3A4B;font-size:1.02rem}
.page-xso-truc-tuyen__guide-section ol{padding-left:20px}
.page-xso-truc-tuyen__guide-section li{margin:8px 0}
.page-xso-truc-tuyen__guide-figures{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}
.page-xso-truc-tuyen__guide-figure{flex:1 1 360px;max-width:480px;margin:0;background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.04)}
.page-xso-truc-tuyen__guide-figure img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover}
.page-xso-truc-tuyen__guide-figure figcaption{padding:10px 16px;font-size:0.9rem;color:#5A6C80;background:#F8FAFD}
.page-xso-truc-tuyen__guide-note{margin-top:24px;padding:14px 18px;background:#FFF8E5;border-left:4px solid #FFB83D;border-radius:8px;color:#6B5B1E}

/* Features */
.page-xso-truc-tuyen__features-section{width:100%;max-width:1080px;margin:36px auto;padding:30px 16px;background:#FFFFFF;border-top:1px solid #D6E2FF;border-bottom:1px solid #D6E2FF}
.page-xso-truc-tuyen__features-section h2{color:#2F6BFF;font-size:1.8rem;font-weight:750;text-align:center;margin-bottom:20px}
.page-xso-truc-tuyen__feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.page-xso-truc-tuyen__feature-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:22px;box-shadow:0 6px 18px rgba(96,141,255,0.08)}
.page-xso-truc-tuyen__feature-card h3{color:#1F2D3D;font-size:1.2rem;margin-bottom:10px}
.page-xso-truc-tuyen__feature-card p{font-size:0.98rem;color:#243447}
.page-xso-truc-tuyen__feature-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:26px}
.page-xso-truc-tuyen__link-more{color:#2F6BFF;font-weight:600;text-decoration:none;border-bottom:1px dashed #2F6BFF;transition:color 0.2s}
.page-xso-truc-tuyen__link-more:hover{color:#0F3FB0}

/* Steps */
.page-xso-truc-tuyen__steps-section{max-width:900px;margin:40px auto;padding:0 16px}
.page-xso-truc-tuyen__steps-section h2{color:#2F6BFF;text-align:center;font-size:1.7rem}
.page-xso-truc-tuyen__steps-section ol{background:#FFFFFF;border-radius:16px;padding:24px 24px 24px 32px;list-style:none;counter-reset:step-counter;box-shadow:0 8px 20px rgba(0,0,0,0.05)}
.page-xso-truc-tuyen__steps-section li{counter-increment:step-counter;position:relative;padding:10px 0 10px 38px;margin:0;color:#2C3A4B}
.page-xso-truc-tuyen__steps-section li::before{content:counter(step-counter);position:absolute;left:0;top:12px;width:28px;height:28px;background:#2F6BFF;color:#fff;font-weight:bold;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px}
.page-xso-truc-tuyen__steps-cta{display:flex;justify-content:center;margin-top:20px}

/* Promo */
.page-xso-truc-tuyen__promo-section{background:#FFFFFF;width:100%;max-width:1080px;margin:36px auto;padding:30px 16px;border-top:2px solid #6FA3FF;border-bottom:2px solid #6FA3FF}
.page-xso-truc-tuyen__promo-section h2{color:#2F6BFF;text-align:center;font-size:1.7rem;margin-bottom:18px}
.page-xso-truc-tuyen__promo-section ul{padding-left:20px;color:#1F2D3D}
.page-xso-truc-tuyen__promo-section li{margin:10px 0}
.page-xso-truc-tuyen__promo-actions{display:flex;gap:14px;justify-content:center;margin-top:26px;flex-wrap:wrap;width:100%}

/* Benefits */
.page-xso-truc-tuyen__benefits-section{max-width:1080px;margin:36px auto;padding:0 16px}
.page-xso-truc-tuyen__benefits-section h2{color:#2F6BFF;font-size:1.7rem;text-align:center;margin-bottom:30px}
.page-xso-truc-tuyen__benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.page-xso-truc-tuyen__benefit-item{background:#FFFFFF;border-radius:16px;padding:22px;border-top:4px solid #2F6BFF;box-shadow:0 8px 18px rgba(0,0,0,0.05)}
.page-xso-truc-tuyen__benefit-item h3{color:#1F2D3D;font-size:1.1rem;margin-bottom:8px}
.page-xso-truc-tuyen__benefit-item p{font-size:0.95rem;color:#33404F}

/* FAQ */
.page-xso-truc-tuyen__chat-section{width:100%;max-width:900px;margin:20px auto 0;padding:0 16px 40px}
.page-xso-truc-tuyen__chat-section h2{color:#2F6BFF;font-size:1.6rem;text-align:center;margin-bottom:18px}
.page-xso-truc-tuyen__faq-item{background:#fff;border:1px solid #D6E2FF;border-radius:12px;margin:10px 0;padding:0 16px;overflow:hidden}
.page-xso-truc-tuyen__faq-item summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#1F2D3D;padding:14px 0;list-style:none}
.page-xso-truc-tuyen__faq-icon{color:#2F6BFF;font-size:22px;font-weight:bold}
.page-xso-truc-tuyen__faq-item[open] .page-xso-truc-tuyen__faq-icon{color:#FF6B4A}
.page-xso-truc-tuyen__faq-item p{margin:0 0 14px;color:#3A4A5F;padding-top:4px}

/* Responsive 768 */
@media (max-width: 768px){
    .page-xso-truc-tuyen__hero-img{aspect-ratio:21/9;max-height:200px;width:100%;height:auto}
    .page-xso-truc-tuyen__hero-content h1{font-size:clamp(1.4rem,2vw + 1rem,2.2rem)}
    .page-xso-truc-tuyen__btn{display:inline-block;max-width:100%;white-space:normal;word-break:break-word;width:100%;padding:12px 20px}
    .page-xso-truc-tuyen__hero-actions,.page-xso-truc-tuyen__promo-actions,.page-xso-truc-tuyen__feature-actions{width:100%}
    .page-xso-truc-tuyen__guide-section,.page-xso-truc-tuyen__features-section,.page-xso-truc-tuyen__promo-section,.page-xso-truc-tuyen__benefits-section,.page-xso-truc-tuyen__steps-section,.page-xso-truc-tuyen__chat-section{padding-left:12px;padding-right:12px;margin-top:20px;margin-bottom:20px}
    .page-xso-truc-tuyen__guide-figures,.page-xso-truc-tuyen__benefit-grid,
    .page-xso-truc-tuyen__feature-grid{grid-template-columns:1fr}
    .page-xso-truc-tuyen img{max-width:100%;height:auto}
    .page-xso-truc-tuyen{overflow-x:hidden}
    .page-xso-truc-tuyen__steps-section ol{padding-left:18px;padding-right:18px}
    .page-xso-truc-tuyen__guide-section h3{font-size:1.1rem}
    .page-xso-truc-tuyen__guide-section li,.page-xso-truc-tuyen__guide-section p{font-size:0.95rem}
}