.page-contact{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#1F2D3D;background-color:#F4F7FB;line-height:1.6} .page-contact__hero-section{background:linear-gradient(180deg,#E8F0FE 0%,#F4F7FB 100%);padding:10px 16px 0} .page-contact__hero-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:8px} .page-contact__hero-image-wrap{width:100%;max-width:1020px} .page-contact__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px} .page-contact__hero-content{text-align:center;padding:0 0 24px;width:100%;max-width:760px} .page-contact__hero-title{color:#1F2D3D;font-weight:800;line-height:1.3;letter-spacing:-0.01em;max-width:680px;margin:0 auto 12px} .page-contact__hero-description{color:#1F2D3D;font-size:1.0625rem;max-width:640px;margin:0 auto 24px} .page-contact__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box} .page-contact__btn{display:inline-block;text-decoration:none;font-weight:700;border-radius:999px;padding:12px 28px;white-space:normal;word-wrap:break-word;box-sizing:border-box;text-align:center;max-width:100%;transition:background-color .2s,box-shadow .2s,transform .2s;border:1px solid transparent} .page-contact__btn--primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#fff;box-shadow:0 4px 14px rgba(47,107,255,.3)} .page-contact__btn--primary:hover{box-shadow:0 6px 20px rgba(47,107,255,.45);transform:translateY(-1px)} .page-contact__btn--outline{background:#fff;color:#2F6BFF;border-color:#2F6BFF} .page-contact__btn--outline:hover{background:#EAF1FF} .page-contact__btn--small{padding:10px 22px;font-size:.9375rem} .page-contact__container{max-width:1200px;margin:0 auto;padding:32px 16px 48px} .page-contact__container--narrow{max-width:1000px} .page-contact__section-title{color:#1F2D3D;font-size:1.75rem;text-align:center;margin-bottom:12px;font-weight:700} .page-contact__section-subtitle{text-align:center;max-width:700px;margin:0 auto 32px;color:#1F2D3D} .page-contact__support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .page-contact__support-card{background-color:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 12px rgba(47,107,255,.06)} .page-contact__support-icon{overflow:hidden;border-radius:12px} .page-contact__support-image{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block;background-color:#fff} .page-contact__support-title{color:#1F2D3D;font-size:1.25rem;font-weight:700;margin:0} .page-contact__support-text{color:#1F2D3D;font-size:.9375rem;margin:0;flex-grow:1} .page-contact__support-card .page-contact__btn{align-self:flex-start} .page-contact__faq-section{background-color:#fff} .page-contact__faq-list{display:flex;flex-direction:column;gap:12px;max-width:860px;margin:0 auto} .page-contact__faq-item{background-color:#F4F7FB;border:1px solid #D6E2FF;border-radius:12px;padding:0 20px} .page-contact__faq-question{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;padding:16px 0;font-weight:700;color:#1F2D3D;list-style:none} .page-contact__faq-question::-webkit-details-marker{display:none} .page-contact__faq-toggle{color:#2F6BFF;font-size:1.5rem;line-height:1;flex-shrink:0;font-weight:400} .page-contact__faq-answer{padding:0 0 16px;color:#1F2D3D;border-top:1px solid #D6E2FF;margin-top:0;padding-top:12px} .page-contact__faq-answer p{margin:0} .page-contact__faq-item[open] .page-contact__faq-toggle{color:#1F2D3D} .page-contact__guide-section{background:#fff} .page-contact__guide-list{list-style:none;counter-reset:step;margin:0 auto 32px;padding:0;max-width:860px;display:flex;flex-direction:column;gap:20px} .page-contact__guide-step{counter-increment:step;background:#F4F7FB;border-left:4px solid #2F6BFF;padding:20px 24px;border-radius:8px;box-shadow:0 2px 6px rgba(47,107,255,.05)} .page-contact__guide-step::before{content:'Bước ' counter(step);display:block;font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#2F6BFF;margin-bottom:8px} .page-contact__guide-title{color:#1F2D3D;font-size:1.125rem;margin-bottom:8px} .page-contact__guide-step p{margin:0;color:#1F2D3D} .page-contact__guide-note{background:#EAF1FF;border:1px solid #D6E2FF;border-radius:16px;padding:24px;text-align:center} .page-contact__guide-text{color:#1F2D3D;margin-bottom:16px;font-size:1.0625rem} .page-contact__guide-actions{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box} @media (max-width:1024px){.page-contact__hero-image{aspect-ratio:3/1} .page-contact__support-grid{gap:16px} .page-contact__support-card{padding:20px}} @media (max-width:768px){.page-contact__hero-section{padding-top:10px} .page-contact__hero-image{aspect-ratio:2/1} .page-contact__hero-content{padding-top:8px} .page-contact__hero-title{font-size:1.375rem} .page-contact__hero-description{font-size:.9375rem} .page-contact__support-grid{grid-template-columns:1fr;gap:16px} .page-contact__support-card{flex-direction:row;flex-wrap:wrap;align-items:center} .page-contact__support-icon{width:100%;flex-basis:100%} .page-contact__section-title{font-size:1.375rem} .page-contact__section-subtitle{font-size:.9375rem} .page-contact__faq-question{font-size:.9375rem} .page-contact__guide-list{margin-bottom:24px} .page-contact__guide-step{padding:16px} .page-contact__btn{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;width:100%;max-width:100%} .page-contact__hero-actions,.page-contact__guide-actions{flex-direction:column;align-items:stretch} .page-contact__hero-actions .page-contact__btn,.page-contact__guide-actions .page-contact__btn{width:100%} .page-contact img{max-width:100%!important;height:auto!important} .page-contact__container{padding-left:12px;padding-right:12px} .page-contact__hero-section{padding-left:8px;padding-right:8px} .page-contact{overflow-x:hidden;max-width:100%}}