/* ETS Tech — page-specific styles for "Gioi Thieu" */

.gt-hero { padding:120px 48px 90px; }
.gt-hero-grid { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1.05fr; gap:56px; align-items:center; }
.gt-hero-media { border-radius:26px; overflow:hidden; border:1px solid rgba(255,255,255,.6); box-shadow:0 20px 60px rgba(15,84,112,.12); }
.gt-hero-media-placeholder { aspect-ratio:4/3; 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; align-items:center; justify-content:center; }
.hero-badge-gt { 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:24px; }
.gt-hero-title { font-size:60px; line-height:1.06; font-weight:700; letter-spacing:-1.5px; margin-bottom:22px; }
.gt-hero-subtitle { font-size:18.5px; line-height:1.68; color:#4a5568; max-width:520px; margin:0; }
.gt-context-section { padding:60px 48px 100px; text-align:center; }
.gt-context-card { max-width:780px; margin:0 auto; padding:60px 56px; border-radius:28px; background:rgba(255,255,255,.6); 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,.1); }
.gt-context-heading { font-size:34px; line-height:1.22; margin:16px 0 20px; letter-spacing:-.6px; }
.gt-context-body { font-size:17.5px; line-height:1.8; margin:0; }
.gt-mission-section { position:relative; padding:120px 48px; margin:24px; border-radius:36px; background:linear-gradient(150deg,#0a1929 0%, #0f3a54 70%, #0f5470 130%); overflow:hidden; }
.gt-mission-glow { position:absolute; top:-120px; right:-80px; width:440px; height:440px; border-radius:50%; background:radial-gradient(circle,rgba(46,184,235,.32),transparent 65%); filter:blur(60px); }
.gt-mission-inner { position:relative; max-width:1000px; margin:0 auto; text-align:center; }
.gt-mission-title { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:44px; line-height:1.24; letter-spacing:-.4px; color:#fff; margin:26px 0 22px; text-transform:uppercase; }
.gt-mission-divider { width:64px; height:3px; margin:0 auto 22px; border-radius:2px; background:linear-gradient(90deg,#0f5470,#2eb8eb); }
.gt-mission-title-secondary { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:44px; line-height:1.24; letter-spacing:-.4px; color:#e2e8f0; margin:0; text-transform:uppercase; }
.section-pad { padding:100px 48px; }
.container { max-width:1200px; margin:0 auto; }
.section-head { text-align:center; margin-bottom:52px; }
.gt-fields-title { font-size:38px; margin:14px 0 12px; letter-spacing:-.6px; }
.gt-fields-lead { font-size:16.5px; line-height:1.68; color:#4a5568; max-width:620px; margin:0 auto; }
.gt-fields-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; }
.gt-fields-grid .field-card { flex:0 0 calc((100% - 72px) / 5); width:calc((100% - 72px) / 5); max-width:calc((100% - 72px) / 5); }
.field-card { padding:28px 20px; border-radius:22px; background:rgba(255,255,255,.62); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.6); box-shadow:0 12px 36px rgba(15,84,112,.08); display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px; }
.field-icon { width:52px; height:52px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0f5470,#2eb8eb); box-shadow:0 8px 20px rgba(46,184,235,.3); }
.field-title { font-size:15.5px; line-height:1.3; }
@media (max-width:1024px) {
  [data-sec] { padding-left:60px; padding-right:60px; padding-top:80px; padding-bottom:80px; }
  [data-hero] { padding-top:112px; padding-bottom:80px; }
  [data-two] { grid-template-columns:1fr !important; gap:40px !important; }
  [data-grid=fields] .field-card { flex-basis:calc((100% - 36px) / 3) !important; width:calc((100% - 36px) / 3) !important; max-width:calc((100% - 36px) / 3) !important; }
  [data-footer-grid] { grid-template-columns:1fr 1fr !important; }
  [data-hero-h] { font-size:52px !important; }
  [data-mission-h] { font-size:36px !important; }
}
@media (max-width:767px) {
  [data-sec] { padding-left:20px !important; padding-right:20px !important; padding-top:48px !important; padding-bottom:48px !important; }
  [data-hero] { padding-top:96px !important; padding-bottom:48px !important; }
  [data-hero-h] { font-size:38px !important; letter-spacing:-.5px !important; }
  [data-h2] { font-size:27px !important; }
  [data-mission-h] { font-size:26px !important; }
  [data-mission-sec] { margin:12px !important; padding:64px 24px !important; border-radius:28px !important; }
  [data-intro-card] { padding:36px 24px !important; }
  [data-two] { grid-template-columns:1fr !important; gap:28px !important; }
  [data-hero-img] { order:-1 !important; }
  [data-grid=fields] .field-card { flex-basis:calc((100% - 18px) / 2) !important; width:calc((100% - 18px) / 2) !important; max-width:calc((100% - 18px) / 2) !important; }
  [data-footer-grid] { grid-template-columns:1fr !important; gap:32px !important; }
}