.page-contact{color:#1F2D3D;background:#F4F7FB}.page-contact__hero-section{background:linear-gradient(180deg,#E8F0FF 0%,#D6E8FF 100%);padding-top:10px;padding-bottom:0}.page-contact__hero-container{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;align-items:center}.page-contact__hero-image{width:100%;max-width:1020px;height:auto;aspect-ratio:1020/300;object-fit:cover;display:block;border-radius:12px;box-shadow:0 8px 28px rgba(47,107,255,0.15)}.page-contact__hero-content{width:100%;max-width:1020px;text-align:center;padding:28px 0 32px}@media (max-width:768px){.page-contact__hero-content{padding:20px 0 28px}}.page-contact__hero-title{font-weight:700;line-height:1.3;letter-spacing:0.3px;color:#1F2D3D;max-width:700px;margin:0 auto 12px;font-size:clamp(1.4rem,2.5vw,2.2rem)}.page-contact__hero-subtitle{font-size:1rem;line-height:1.7;color:#1F2D3D;max-width:640px;margin:0 auto 20px;opacity:0.85}.page-contact__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.page-contact__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:50px;font-weight:600;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word;line-height:1.4}.page-contact__btn--primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#ffffff;box-shadow:0 4px 14px rgba(47,107,255,0.35)}.page-contact__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(47,107,255,0.5)}.page-contact__btn--secondary{background:#ffffff;color:#2F6BFF;border:2px solid #2F6BFF;box-shadow:0 2px 8px rgba(47,107,255,0.2)}.page-contact__btn--secondary:hover{background:#F0F5FF;transform:translateY(-2px)}.page-contact__btn--full{width:100%}.page-contact__container{max-width:1200px;margin:0 auto;padding:48px 16px;box-sizing:border-box}.page-contact__container--narrow{max-width:720px}.page-contact__section-title{font-weight:700;font-size:clamp(1.5rem,2.2vw,2rem);text-align:center;color:#1F2D3D;margin:0 0 12px;line-height:1.3}.page-contact__section-desc{text-align:center;color:#1F2D3D;max-width:600px;margin:0 auto 32px;line-height:1.7;opacity:0.85}.page-contact__channels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width:900px){.page-contact__channels-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-contact__channels-grid{grid-template-columns:1fr}}.page-contact__channel-card{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:16px;padding:24px 20px;text-align:center;transition:box-shadow 0.3s ease,transform 0.3s ease;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 12px rgba(47,107,255,0.08)}.page-contact__channel-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(47,107,255,0.2)}.page-contact__channel-icon{display:block;width:48px;height:48px;background:#2F6BFF;border-radius:50%;margin-bottom:16px;position:relative}.page-contact__channel-icon::before{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;border:3px solid #fff;border-radius:4px;transform:translate(-50%,-50%)}.page-contact__channel-icon--hotline::before{border-radius:50%;width:18px;height:18px}.page-contact__channel-icon--zalo::before{background:#fff;width:10px;height:18px;border-radius:6px;border:none}.page-contact__channel-icon--telegram::before{border-radius:50%;background:#fff;width:18px;height:18px;border:2px solid #2F6BFF}.page-contact__channel-name{font-size:1.1rem;font-weight:700;margin:0 0 8px;color:#000000}.page-contact__channel-desc{font-size:0.9rem;line-height:1.6;color:#1F2D3D;margin:0 0 16px;opacity:0.85;flex-grow:1}.page-contact__link{color:#2F6BFF;font-weight:600;text-decoration:none;transition:color 0.2s ease}.page-contact__link:hover{color:#6FA3FF;text-decoration:underline}.page-contact__form{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:20px;padding:36px 32px;box-shadow:0 8px 30px rgba(47,107,255,0.12)}@media (max-width:768px){.page-contact__form{padding:24px 16px}}.page-contact__form-group{margin-bottom:20px}.page-contact__form-label{display:block;font-weight:600;color:#1F2D3D;margin-bottom:8px;font-size:0.95rem}.page-contact__form-input,.page-contact__form-select,.page-contact__form-textarea{width:100%;padding:12px 16px;border:1px solid #D6E2FF;border-radius:10px;background:#FFFFFF;color:#1F2D3D;font-family:inherit;font-size:1rem;box-sizing:border-box;transition:border-color 0.2s ease,box-shadow 0.2s ease}.page-contact__form-input:focus,.page-contact__form-select:focus,.page-contact__form-textarea:focus{outline:none;border-color:#2F6BFF;box-shadow:0 0 0 3px rgba(47,107,255,0.15)}.page-contact__form-textarea{resize:vertical;min-height:120px}.page-contact__btn--full{margin-top:8px}.page-contact img{width:auto;height:auto}.page-contact .page-contact__hero-image,.page-contact .page-contact__content-image{width:100%;height:auto}@media (max-width:768px){.page-contact{padding-bottom:0;overflow-x:hidden}.page-contact__container{padding:32px 16px}.page-contact__btn{width:auto;max-width:100%}.page-contact__hero-section .page-contact__hero-image{max-width:100%!important;height:auto!important}.page-contact__channels-grid .page-contact__channel-card{max-width:100%}.page-contact__form .page-contact__form-input,.page-contact__form .page-contact__form-select,.page-contact__form .page-contact__form-textarea{max-width:100%}}@media (max-width:768px){.page-contact img{max-width:100%!important;height:auto!important}}@media (max-width:768px){.page-contact__hero-actions{flex-direction:column}.page-contact__hero-actions .page-contact__btn{width:100%;max-width:100%}}