/* ETS Tech — page-specific styles for "Lien He" */
/* Shared .cf-field / input and .form-* field styles live in css/components.css */

.lh-hero { padding:120px 48px 40px; text-align:center; }
.lh-hero-inner { max-width:820px; margin:0 auto; }
.hero-badge-lh { display:inline-flex; align-items:center; gap:9px; padding:9px 18px; border-radius:999px; background:rgba(255,255,255,.6); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,.55); box-shadow:0 6px 22px rgba(15,84,112,.08); color:#0f5470; font-size:13px; font-weight:600; letter-spacing:.4px; margin-bottom:26px; }
.lh-hero-title { font-size:60px; line-height:1.06; font-weight:700; letter-spacing:-1.5px; margin-bottom:20px; }
.lh-hero-subtitle { font-size:18.5px; line-height:1.68; color:#4a5568; max-width:640px; margin:0 auto; }
.lh-section { padding:24px 48px 100px; }
.lh-body-grid { max-width:1160px; margin:0 auto; display:grid; grid-template-columns:1.08fr 1fr; gap:56px; align-items:start; }
.form-card { padding:42px 40px; border-radius:28px; background:rgba(255,255,255,.62); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.6); box-shadow:0 20px 60px rgba(15,84,112,.12); }
.form-title { font-size:26px; letter-spacing:-.5px; margin-bottom:8px; }
.form-lead { font-size:14.5px; line-height:1.6; color:#4a5568; margin:0 0 26px; }
.form-textarea { resize:vertical; min-height:120px; }
.contact-col { display:flex; flex-direction:column; gap:22px; }
.contact-card { padding:34px 32px; border-radius:26px; background:rgba(255,255,255,.62); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.6); box-shadow:0 16px 46px rgba(15,84,112,.1); }
.contact-card-title { font-size:22px; letter-spacing:-.4px; margin-bottom:24px; }
.contact-row { display:flex; gap:16px; align-items:flex-start; }
.contact-icon { flex:none; width:44px; height:44px; border-radius:13px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0f5470,#2eb8eb); box-shadow:0 8px 20px rgba(46,184,235,.3); }
.contact-label { font-size:14.5px; margin-bottom:5px; }
.contact-text { font-size:14.5px; line-height:1.65; margin:0; }
.contact-email-link { font-size:14.5px; color:#0f5470; }
.map-card { border-radius:26px; overflow:hidden; border:1px solid rgba(255,255,255,.6); box-shadow:0 16px 46px rgba(15,84,112,.1); }
.map-placeholder { position:relative; aspect-ratio:16/10; background:repeating-linear-gradient(45deg,rgba(15,84,112,.08),rgba(15,84,112,.08) 12px,rgba(46,184,235,.1) 12px,rgba(46,184,235,.1) 24px); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; }
.map-pin { width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0f5470,#2eb8eb); box-shadow:0 10px 26px rgba(46,184,235,.4); }
@media (max-width:1024px) {
  [data-sec] { padding-left:60px; padding-right:60px; padding-top:72px; padding-bottom:72px; }
  [data-hero] { padding-top:112px; padding-bottom:40px; }
  [data-body] { gap:44px !important; }
  [data-footer-grid] { grid-template-columns:1fr 1fr !important; }
  [data-hero-h] { font-size:52px !important; }
}
@media (max-width:767px) {
  [data-sec] { padding-left:20px !important; padding-right:20px !important; padding-top:44px !important; padding-bottom:44px !important; }
  [data-hero] { padding-top:96px !important; padding-bottom:24px !important; }
  [data-hero-h] { font-size:38px !important; letter-spacing:-.5px !important; }
  [data-body] { grid-template-columns:1fr !important; gap:28px !important; }
  [data-two-name] { grid-template-columns:1fr !important; gap:16px !important; }
  [data-form-card] { padding:30px 22px !important; }
  [data-footer-grid] { grid-template-columns:1fr !important; gap:32px !important; }
}