/* ETS Tech — page-specific styles for "Tuyen Dung" */

.td-hero { padding:120px 48px 40px; text-align:center; }
.td-hero-inner { max-width:820px; margin:0 auto; }
.hero-badge-td { 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; }
.td-hero-title { font-size:60px; line-height:1.06; font-weight:700; letter-spacing:-1.5px; margin-bottom:20px; }
.td-hero-subtitle { font-size:18.5px; line-height:1.68; color:#4a5568; max-width:640px; margin:0 auto; }
.td-jobs-section { padding:24px 48px 60px; }
.td-jobs-list { max-width:900px; margin:0 auto; display:flex; flex-direction:column; gap:20px; }
.job-card { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:30px 34px; border-radius:24px; 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); }
.job-info-wrap { flex:1; min-width:0; }
.job-title { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:21px; color:#0a1929; letter-spacing:-.3px; display:inline-block; margin-bottom:16px; }
.job-meta { display:flex; flex-wrap:wrap; gap:10px 26px; font-size:14px; color:#4a5568; }
.job-meta-item { display:inline-flex; align-items:center; gap:8px; }
.job-apply-btn { flex:none; padding:13px 26px; border-radius:999px; background:linear-gradient(135deg,#0f5470,#2eb8eb); color:#fff; font-weight:600; font-size:14.5px; box-shadow:0 8px 22px rgba(46,184,235,.32); transition:transform .25s ease; }
.td-apply-section { padding:20px 48px 100px; }
.td-cta { position:relative; max-width:1000px; margin:0 auto; padding:72px 56px; border-radius:36px; text-align:center; overflow:hidden; background:linear-gradient(150deg,#0a1929 0%, #0f3a54 70%, #0f5470 130%); box-shadow:0 30px 70px rgba(15,84,112,.24); }
.td-cta[data-glass] { background:linear-gradient(150deg,#0a1929 0%, #0f3a54 70%, #0f5470 130%) !important; }
.td-cta-glow { position:absolute; top:-120px; right:-80px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,rgba(46,184,235,.32),transparent 65%); filter:blur(60px); }
.td-cta-inner { position:relative; color:#fff; }
.td-cta-title { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:36px; line-height:1.24; letter-spacing:-.4px; color:#fff; margin:0 0 16px; }
.td-cta-desc { font-size:17px; line-height:1.7; color:rgba(255,255,255,.92); max-width:560px; margin:0 auto 34px; }
.td-cta-btn { display:inline-block; padding:20px 52px; border-radius:999px; background:linear-gradient(135deg,#2eb8eb,#7fd4f2); color:#0a1929; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:18px; box-shadow:0 16px 40px rgba(46,184,235,.45); transition:transform .25s ease; }
@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-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-h2] { font-size:27px !important; }
  [data-job] { flex-direction:column !important; align-items:stretch !important; gap:22px !important; padding:26px 22px !important; }
  [data-job-info] { gap:12px !important; }
  [data-job-apply] { width:100% !important; text-align:center !important; }
  [data-footer-grid] { grid-template-columns:1fr !important; gap:32px !important; }
  [data-cta] { padding:52px 24px !important; margin:12px !important; border-radius:28px !important; }
  [data-cta-h] { font-size:28px !important; }
}
