.page-lien-he{color:#333;background:#fff;font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;max-width:100%;overflow-x:hidden} .page-lien-he__hero-banner{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#00301a,#017439 55%,#01a953);gap:12px;padding:10px 0 0} .page-lien-he__hero-image-container{width:100%;max-width:1200px;padding:0 12px} .page-lien-he__hero-image{width:100%;height:auto;aspect-ratio:1020/300;object-fit:cover;display:block;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.2)} .page-lien-he__hero-content{width:100%;max-width:1200px;text-align:center;padding:16px 16px 24px} .page-lien-he__hero-title{line-height:1.3;letter-spacing:.5px;color:#fff;font-size:clamp(1.5rem,2.5vw,2.2rem);margin:0 0 8px;font-weight:800} .page-lien-he__hero-subtitle{text-align:center;max-width:760px;margin:0 auto 16px;font-size:clamp(.95rem,1.2vw,1.1rem);color:#ecfdf5;font-weight:400} .page-lien-he__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px} .page-lien-he__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:60px;text-decoration:none;font-weight:700;transition:background-color .3s ease,transform .3s ease;border:2px solid transparent} .page-lien-he__btn--hotline{background:#C30808;color:#FFFF00;font-size:1rem} .page-lien-he__btn--hotline:hover{background:#fff;color:#C30808;border-color:#C30808;transform:translateY(-3px)} .page-lien-he__btn--messenger{background:#fff;color:#C30808;border-color:#fff;font-size:1rem} .page-lien-he__btn--messenger:hover{background:#C30808;color:#fff;transform:translateY(-3px)} .page-lien-he__faq-section{width:100%;max-width:1100px;margin:24px auto 8px;padding:24px 16px 8px} .page-lien-he__faq-header{text-align:center;margin-bottom:28px} .page-lien-he__faq-title{font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.3;color:#017439;margin-bottom:8px;font-weight:800} .page-lien-he__faq-description{color:#333;max-width:760px;margin:0 auto;font-size:1rem} .page-lien-he__faq-item{border:1px solid rgba(1,116,57,.2);background:#fff;border-radius:12px;padding:0 16px;margin-bottom:10px;box-shadow:0 2px 6px rgba(0,0,0,.04)} .page-lien-he__faq-question{font-weight:700;color:#00301a;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center;list-style:none;padding:16px 0;font-size:1rem} .page-lien-he__faq-question::-webkit-details-marker{display:none} .page-lien-he__faq-icon{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:999px;background:#017439;color:#fff;font-weight:800;flex-shrink:0} .page-lien-he__faq-answer{padding:0 4px 18px;color:#333;font-size:.95rem;border-top:1px solid #f0f0f0;padding-top:14px} .page-lien-he__guide-section{width:100%;padding:12px 0 8px;background:#fff} .page-lien-he__guide-section .page-lien-he__guide-inner{width:100%;max-width:1100px;box-sizing:border-box;padding:16px 16px 32px;margin:0 auto} .page-lien-he__guide-section .page-lien-he__guide-title{color:#017439;text-align:center;font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.3;margin:0 0 30px;font-weight:800} .page-lien-he__guide-section .page-lien-he__guide-content{display:grid;grid-template-columns:repeat(2,1fr);gap:24px} .page-lien-he__guide-section .page-lien-he__guide-item{background:#fff;border:1px solid rgba(1,116,57,.2);border-radius:16px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.06);grid-column:1/3;display:grid;grid-template-columns:1fr 1fr} .page-lien-he__guide-section .page-lien-he__guide-image{width:100%;height:100%;object-fit:cover;display:block;min-height:240px} .page-lien-he__guide-body{padding:24px;display:flex;flex-direction:column;justify-content:center} .page-lien-he__guide-item-title{font-size:1.4rem;color:#017439;margin:0 0 10px;font-weight:700} .page-lien-he__guide-text{font-size:.98rem;color:#333;margin:0 0 20px} .page-lien-he__guide-button{display:inline-block;align-self:flex-start;background:#017439;color:#fff;font-weight:700;padding:10px 28px;border-radius:8px;text-decoration:none;transition:background-color .2s} .page-lien-he__guide-button:hover{background:#C30808;color:#FFFF00} .page-lien-he__guide-section .page-lien-he__guide-first-visit{background:#fff8e7;border-radius:16px;padding:24px;box-shadow:0 6px 16px rgba(0,0,0,.06)} .page-lien-he__guide-visit-title{font-size:1.24rem;color:#017439;margin:0 0 8px;font-weight:700} .page-lien-he__guide-visit-text{font-size:.95rem;color:#333;line-height:1.65;margin:0 0 16px} .page-lien-he__btn-visit{display:inline-block;background:#C30808;color:#FFFF00;padding:10px 22px;border-radius:8px;text-decoration:none;font-weight:700;transition:background-color .2s} .page-lien-he__btn-visit:hover{background:#017439;color:#fff} .page-lien-he__connect-card{background:#fff;padding:24px 24px;border-radius:16px;box-shadow:0 6px 16px rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:center} .page-lien-he__connect-card--chat{border-left:6px solid #017439} .page-lien-he__connect-card--phone{border-left:6px solid #C30808} .page-lien-he__connect-title{font-size:1.2rem;margin:0 0 10px;font-weight:700} .page-lien-he__connect-card--chat .page-lien-he__connect-title{color:#017439} .page-lien-he__connect-card--phone .page-lien-he__connect-title{color:#C30808} .page-lien-he__connect-card p{font-size:.96rem;color:#333;margin-bottom:16px} .page-lien-he__connect-chip{display:inline-block;align-self:flex-start;background:#fff;border:2px solid #017439;color:#017439;padding:8px 18px;border-radius:8px;text-decoration:none;font-weight:700;transition:background-color .2s,color .2s} .page-lien-he__connect-chip:hover{background:#017439;color:#fff} .page-lien-he__connect-cta{display:inline-block;align-self:flex-start;background:#017439;color:#fff;padding:8px 18px;border-radius:8px;text-decoration:none;font-weight:700} .page-lien-he__connect-cta:hover{background:#C30808;color:#FFFF00} .page-lien-he__social-section{background:linear-gradient(135deg,#017439,#01a953);padding:40px 16px;margin-top:16px} .page-lien-he__social-inner{max-width:1100px;margin:0 auto;text-align:center} .page-lien-he__social-title{font-size:1.4rem;color:#fff;margin:0 0 8px;font-weight:800} .page-lien-he__social-subtitle{color:#ecfdf5;margin:0 auto 24px;max-width:700px;font-size:1rem} .page-lien-he__cta-strip{display:flex;justify-content:center;gap:14px} .page-lien-he__cta-strip-btn{display:inline-block;background:#fff;color:#017439;padding:11px 28px;border-radius:999px;font-weight:800;text-decoration:none;transition:transform .2s,background-color .2s} .page-lien-he__cta-strip-btn:hover{background:#C30808;color:#FFFF00;transform:translateY(-3px)} .page-lien-he__cta-strip-btn--blog{background:#FFFF00;color:#017439} .page-lien-he__cta-strip-btn--blog:hover{background:#fff;color:#C30808} .page-lien-he__contact-form-section{width:100%;padding:32px 16px;background:#fff} .page-lien-he__contact-form-inner{max-width:860px;margin:0 auto} .page-lien-he__contact-form-title{font-size:1.6rem;color:#017439;text-align:center;margin:0 0 10px;font-weight:800} .page-lien-he__contact-form-subtitle{text-align:center;max-width:640px;margin:0 auto 32px;color:#333} .page-lien-he__form{background:linear-gradient(135deg,#fff,#f7fdf9);border:1px solid #e0efe7;border-radius:24px;padding:30px;box-shadow:0 12px 24px rgba(0,80,45,.08);display:flex;flex-direction:column;gap:22px;max-width:760px;margin:0 auto} .page-lien-he__form-row{display:flex;flex-direction:column;gap:6px} .page-lien-he__form-label{font-weight:600;color:#00502a;font-size:.95rem} .page-lien-he__form-input,.page-lien-he__form-select,.page-lien-he__form-textarea{border:1px solid #cfdfd4;border-radius:10px;padding:11px 12px;font-size:.9rem;width:100%;box-sizing:border-box;background-color:#fff;color:#333} .page-lien-he__form-input:focus,.page-lien-he__form-select:focus,.page-lien-he__form-textarea:focus{outline:2px solid #017439;outline-offset:1px;border-color:#017439} .page-lien-he__form-textarea{resize:vertical;min-height:120px} .page-lien-he__form-submit{background:#017439;color:#fff;border:0;padding:12px 18px;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer} .page-lien-he__form-submit:hover{background:#C30808;color:#FFFF00} @media (max-width:768px){ .page-lien-he{max-width:100%;overflow-x:hidden} .page-lien-he__hero-section{padding-top:0;margin-top:0} .page-lien-he__hero-banner,.page-lien-he__faq-section,.page-lien-he__guide-section,.page-lien-he__social-section,.page-lien-he__contact-form-section{padding-top:10px} .page-lien-he__hero-image{display:block;width:100%;max-width:100%;height:auto!important;aspect-ratio:16/7} .page-lien-he__hero-content{padding-top:8px} .page-lien-he__hero-title{font-size:1.35rem} .page-lien-he__hero-subtitle{font-size:.9rem} .page-lien-he__hero-actions{gap:8px;width:100%} .page-lien-he__btn{flex:1;min-width:0;font-size:.9rem;white-space:normal;word-wrap:break-word;text-align:center} .page-lien-he__guide-content{grid-template-columns:1fr} .page-lien-he__guide-section .page-lien-he__guide-item{grid-column:auto;grid-template-columns:1fr} .page-lien-he__guide-section .page-lien-he__guide-image{max-width:100%!important;height:auto!important} .page-lien-he__connect-card,.page-lien-he__guide-first-visit{padding:20px} .page-lien-he__guide-button,.page-lien-he__btn-visit,.page-lien-he__connect-chip,.page-lien-he__connect-cta{max-width:100%;box-sizing:border-box;white-space:normal;text-align:center} .page-lien-he__cta-strip{flex-direction:column;align-items:center;gap:12px} .page-lien-he__cta-strip-btn{width:auto;max-width:100%} .page-lien-he__form{padding:18px 14px} .page-lien-he__form-submit{width:100%} .page-lien-he__faq-list,.page-lien-he__guide-content,.page-lien-he__cta-strip,.page-lien-he__hero-actions{width:100%;max-width:100%;box-sizing:border-box} .page-lien-he img{max-width:100%!important;height:auto!important} .page-lien-he__btn-visit,.page-lien-he__guide-button{align-self:stretch;text-align:center} .page-lien-he__form-row{width:100%} .page-lien-he__form-input,.page-lien-he__form-select,.page-lien-he__form-textarea{font-size:1rem} }