/* Trang liên hệ đồng bộ mô hình hai khối và bảng màu SINTA. */
.site-main:has(.contact-page){background:#336a29}.contact-page{--contact-ink:#eaf0d5;--contact-muted:#cbd99e;--contact-teal:#c1d95c;--contact-cyan:#80b155;--contact-violet:#498428;--contact-line:rgba(234,239,157,.22);background:linear-gradient(150deg,#073829,#0f4c31 56%,#336a29);color:#f7fbe8}.contact-hero{width:100%;margin:0;padding:52px 0 44px;border:0;border-radius:0;background:radial-gradient(circle at 78% 20%,rgba(193,217,92,.19),transparent 20%),linear-gradient(100deg,#336a29,#498428 54%,#336a29);box-shadow:none}.contact-hero::before{opacity:.16;background:linear-gradient(90deg,rgba(234,239,157,.25) 1px,transparent 1px),linear-gradient(rgba(234,239,157,.18) 1px,transparent 1px);background-size:54px 54px}.contact-hero::after{border-color:rgba(234,239,157,.22);box-shadow:0 0 0 5rem rgba(234,239,157,.04),0 0 0 10rem rgba(234,239,157,.025)}.contact-hero-grid{grid-template-columns:minmax(0,1fr);gap:0}.contact-hero-copy,.contact-hero-panel{border:1px solid rgba(234,239,157,.22);border-radius:18px;background:linear-gradient(145deg,rgba(21,83,48,.72),rgba(12,65,41,.45));box-shadow:inset 0 1px rgba(255,255,255,.06),0 20px 44px rgba(3,41,22,.18)}.contact-hero-copy{padding:28px 31px}.contact-eyebrow{color:#c1d95c}.contact-hero h1{max-width:960px;margin:13px 0;color:#f7fbe8;font-size:clamp(2rem,3.7vw,3.45rem);line-height:1.08}.contact-hero-copy>p{max-width:880px;color:#dce7bb;font-size:1rem;line-height:1.7}.contact-primary-action,.contact-secondary-action{min-height:42px;padding:.66rem .9rem;border-radius:9px;font-size:.77rem}.contact-primary-action{color:#336a29;background:linear-gradient(135deg,#eaef9d,#c1d95c)}.contact-secondary-action{color:#eaf0d5;border-color:rgba(234,239,157,.34);background:rgba(51,106,41,.26)}.contact-primary-action:hover{color:#336a29}.contact-secondary-action:hover{color:#f7fbe8;background:rgba(234,239,157,.16)}.contact-trust-line{margin-top:1.3rem;color:#d5e2aa}.contact-trust-line i{color:#c1d95c}.contact-hero-panel{padding:18px;transform:none}.contact-panel-top{padding:.25rem .1rem .85rem}.contact-panel-live,.contact-panel-steps b{color:#c1d95c}.contact-panel-live i{background:#c1d95c;box-shadow:0 0 0 .25rem rgba(193,217,92,.16)}.contact-panel-message{min-height:145px;padding:1.25rem;border:1px solid rgba(234,239,157,.14);border-radius:13px;background:linear-gradient(145deg,rgba(234,239,157,.12),rgba(255,255,255,.035))}.contact-panel-message i{color:#eaef9d}.contact-panel-message p{margin:1rem 0 0;color:#f7fbe8;font-size:1.03rem}.contact-panel-steps>div{min-height:63px;padding:.65rem;border:1px solid rgba(234,239,157,.11);border-radius:10px;background:rgba(15,63,37,.42)}.contact-panel-steps span{color:#e5edc7;font-size:.67rem}
.contact-main-section{padding:48px 0;background:linear-gradient(160deg,#073829,#0d4831 58%,#336a29)}.contact-main-grid{grid-template-columns:minmax(0,.95fr) minmax(370px,1.05fr);gap:22px}.contact-section-heading,.contact-form-heading{padding-bottom:17px;border-bottom:1px solid rgba(234,239,157,.17)}.contact-section-heading>span,.contact-form-heading>span{color:#c1d95c}.contact-section-heading h2,.contact-form-heading h2,.contact-map-placeholder h2{color:#f7fbe8;font-size:clamp(1.62rem,2.6vw,2.35rem);letter-spacing:-.04em}.contact-section-heading p,.contact-form-heading>p{color:#cad99c}.contact-info-list{gap:10px;margin-top:16px}.contact-info-card{grid-template-columns:46px minmax(0,1fr) 31px;padding:14px;border-color:rgba(234,239,157,.19);border-radius:14px;background:linear-gradient(145deg,rgba(20,83,52,.94),rgba(13,66,42,.94));box-shadow:0 13px 26px rgba(3,37,24,.14)}.contact-info-card:hover{transform:translateX(4px);border-color:rgba(234,239,157,.42);box-shadow:0 17px 31px rgba(3,37,24,.25)}.contact-info-icon{width:46px;height:46px;border-radius:12px}.icon-teal,.icon-violet,.icon-orange{color:#336a29;background:linear-gradient(135deg,#eaef9d,#c1d95c)}.contact-info-card small{color:#c1d95c}.contact-info-card h3{color:#f7fbe8;font-size:.9rem}.contact-info-card p{color:#c9d99d;font-size:.76rem}.contact-info-card>a{color:#336a29;background:#c1d95c}.contact-info-card>a:hover{color:#336a29;background:#eaef9d}
.contact-form-card{margin-top:10px;padding:24px;border-color:rgba(234,239,157,.25);border-radius:18px;background:linear-gradient(145deg,rgba(22,89,53,.96),rgba(12,65,41,.96));box-shadow:0 22px 43px rgba(2,36,21,.26)}.contact-form-card::before{height:3px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#80b155,#c1d95c,#eaef9d)}.contact-field label{color:#e5edc7}.contact-field input,.contact-field select,.contact-field textarea{border-color:rgba(234,239,157,.25);color:#336a29;background:#f7fbe8}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#6a8149}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#c1d95c;background:#fff;box-shadow:0 0 0 3px rgba(193,217,92,.22)}.contact-consent{color:#d3dfa8}.contact-consent input{accent-color:#c1d95c}.contact-submit{min-height:47px;color:#336a29;background:linear-gradient(110deg,#eaef9d,#c1d95c);box-shadow:0 13px 21px rgba(3,37,21,.22)}.contact-submit:hover{color:#336a29;box-shadow:0 17px 25px rgba(3,37,21,.32)}.contact-success{color:#f7fbe8;border-color:rgba(234,239,157,.35);background:rgba(193,217,92,.15)}
.contact-map-section{padding:0 0 55px;background:#336a29}.contact-map-shell{border-color:rgba(234,239,157,.22);border-radius:18px;background:#0c452e;box-shadow:0 20px 39px rgba(3,37,21,.22)}.contact-map-placeholder{min-height:315px;background:radial-gradient(circle at 20% 25%,rgba(193,217,92,.2),transparent 23%),linear-gradient(135deg,#336a29,#498428 58%,#336a29)}.contact-map-placeholder::before{opacity:.18;background:linear-gradient(45deg,transparent 48%,#eaef9d 49%,transparent 51%),linear-gradient(-45deg,transparent 48%,#c1d95c 49%,transparent 51%);background-size:42px 42px}.contact-map-placeholder>div{border-color:rgba(234,239,157,.27);background:rgba(9,58,35,.77);box-shadow:0 16px 35px rgba(3,37,21,.28)}.contact-map-placeholder span,.contact-map-placeholder a{color:#c1d95c}.contact-map-placeholder h2{color:#f7fbe8}.contact-map-placeholder p{color:#d5e2aa}.contact-map-pin{color:#eaef9d}
@media(max-width:991.98px){.contact-hero-grid,.contact-main-grid{grid-template-columns:1fr}.contact-hero-panel{max-width:none}.contact-main-grid{gap:22px}}@media(max-width:575.98px){.contact-hero{padding:24px 0 28px}.contact-hero-copy,.contact-hero-panel{padding:20px 17px;border-radius:15px}.contact-hero h1{font-size:2rem}.contact-main-section{padding:30px 0}.contact-form-card{padding:19px 16px;border-radius:15px}.contact-map-section{padding-bottom:32px}.contact-map-shell{border-radius:15px}.contact-map-placeholder{min-height:275px}}
