/* ============================================================
   Panacea Careers Portal — Main CSS Design System
   Version: 1.0.0
   ============================================================ */

/* ── RESET & BASE ──────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
}

body {
  font-family: var(--pmt-font-main);
  font-size: var(--pmt-text-base);
  line-height: var(--pmt-leading-normal);
  color: var(--pmt-text);
  background-color: var(--pmt-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

img, video { max-width: 100%; height: auto; display: block; }
a { color: var(--pmt-blue); text-decoration: none; transition: var(--pmt-transition-fast); }
a:hover { color: var(--pmt-accent); }
button { cursor: pointer; border: none; background: none; font-family: inherit; }
input, select, textarea { font-family: inherit; font-size: inherit; }
ul, ol { list-style: none; }
h1,h2,h3,h4,h5,h6 { font-family: var(--pmt-font-display); font-weight: var(--pmt-weight-bold); line-height: var(--pmt-leading-tight); color: var(--pmt-text); }

/* ── CONTAINER ─────────────────────────────────────────────── */
.pmt-container {
  width: 100%;
  max-width: var(--pmt-container-xl);
  margin-inline: auto;
  padding-inline: var(--pmt-space-6);
}
.pmt-container--wide { max-width: var(--pmt-container-2xl); }
.pmt-container--narrow { max-width: var(--pmt-container-md); }

/* ── SECTION SPACING ───────────────────────────────────────── */
.pmt-section { padding-block: var(--pmt-space-20); }
.pmt-section--sm { padding-block: var(--pmt-space-12); }
.pmt-section--lg { padding-block: var(--pmt-space-32); }
.pmt-section--dark { background: var(--pmt-dark-blue); color: var(--pmt-white); }
.pmt-section--blue { background: linear-gradient(135deg, #0D1B3E 0%, #1B2E5E 60%, #1565C0 100%); color: var(--pmt-white); }
.pmt-section--light { background: var(--pmt-bg-alt); }
.pmt-section--white { background: var(--pmt-white); }

/* ── SECTION HEADER ────────────────────────────────────────── */
.pmt-section-header {
  text-align: center;
  margin-bottom: var(--pmt-space-16);
}
.pmt-section-header--left { text-align: left; }
.pmt-section-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--pmt-space-2);
  background: var(--pmt-light-blue);
  color: var(--pmt-blue);
  font-size: var(--pmt-text-sm);
  font-weight: var(--pmt-weight-semi);
  padding: var(--pmt-space-1) var(--pmt-space-4);
  border-radius: var(--pmt-radius-full);
  border: 1px solid rgba(33,150,243,0.2);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: var(--pmt-space-4);
}
.pmt-section-tag--white {
  background: rgba(255,255,255,0.15);
  color: var(--pmt-white);
  border-color: rgba(255,255,255,0.3);
}
.pmt-section-title {
  font-size: clamp(1.875rem, 4vw, 2.75rem);
  font-weight: var(--pmt-weight-extra);
  color: var(--pmt-dark-blue);
  margin-bottom: var(--pmt-space-4);
  letter-spacing: -0.02em;
}
.pmt-section-title--white { color: var(--pmt-white); }
.pmt-section-subtitle {
  font-size: var(--pmt-text-lg);
  color: var(--pmt-muted);
  max-width: 640px;
  margin-inline: auto;
  line-height: var(--pmt-leading-loose);
}
.pmt-section-subtitle--white { color: rgba(255,255,255,0.8); }

/* ── BUTTONS ───────────────────────────────────────────────── */
.pmt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--pmt-space-2);
  padding: 0.75rem 1.75rem;
  border-radius: var(--pmt-radius-full);
  font-size: var(--pmt-text-sm);
  font-weight: var(--pmt-weight-semi);
  letter-spacing: 0.01em;
  transition: var(--pmt-transition);
  cursor: pointer;
  border: 2px solid transparent;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.pmt-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0);
  transition: var(--pmt-transition-fast);
  border-radius: inherit;
}
.pmt-btn:hover::after { background: rgba(255,255,255,0.1); }
.pmt-btn:active { transform: scale(0.98); }

.pmt-btn--primary {
  background: var(--pmt-blue);
  color: var(--pmt-white);
  border-color: var(--pmt-blue);
  box-shadow: 0 4px 16px rgba(21,101,192,0.3);
}
.pmt-btn--primary:hover {
  background: var(--pmt-dark-blue);
  border-color: var(--pmt-dark-blue);
  color: var(--pmt-white);
  box-shadow: 0 8px 24px rgba(21,101,192,0.4);
  transform: translateY(-1px);
}

.pmt-btn--accent {
  background: var(--pmt-accent);
  color: var(--pmt-white);
  border-color: var(--pmt-accent);
  box-shadow: var(--pmt-shadow-blue);
}
.pmt-btn--accent:hover {
  background: var(--pmt-blue);
  border-color: var(--pmt-blue);
  color: var(--pmt-white);
  transform: translateY(-1px);
}

.pmt-btn--outline {
  background: transparent;
  color: var(--pmt-blue);
  border-color: var(--pmt-blue);
}
.pmt-btn--outline:hover {
  background: var(--pmt-blue);
  color: var(--pmt-white);
  transform: translateY(-1px);
}

.pmt-btn--outline-white {
  background: transparent;
  color: var(--pmt-white);
  border-color: rgba(255,255,255,0.6);
}
.pmt-btn--outline-white:hover {
  background: var(--pmt-white);
  color: var(--pmt-dark-blue);
  border-color: var(--pmt-white);
}

.pmt-btn--ghost {
  background: rgba(255,255,255,0.1);
  color: var(--pmt-white);
  border-color: rgba(255,255,255,0.2);
  backdrop-filter: blur(8px);
}
.pmt-btn--ghost:hover {
  background: rgba(255,255,255,0.2);
  color: var(--pmt-white);
  transform: translateY(-1px);
}

.pmt-btn--sm { padding: 0.5rem 1.25rem; font-size: var(--pmt-text-xs); }
.pmt-btn--lg { padding: 1rem 2.5rem; font-size: var(--pmt-text-base); }
.pmt-btn--full { width: 100%; }

/* Ripple effect */
.pmt-btn .ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(255,255,255,0.4);
  transform: scale(0);
  animation: pmt-ripple 0.6s linear;
  pointer-events: none;
}
@keyframes pmt-ripple {
  to { transform: scale(4); opacity: 0; }
}

/* ── BADGES ────────────────────────────────────────────────── */
.pmt-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: var(--pmt-radius-full);
  font-size: 0.7rem;
  font-weight: var(--pmt-weight-semi);
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.pmt-badge--blue   { background: #E3F2FD; color: #1565C0; }
.pmt-badge--green  { background: #E8F5E9; color: #2E7D32; }
.pmt-badge--orange { background: #FFF3E0; color: #E65100; }
.pmt-badge--purple { background: #F3E5F5; color: #6A1B9A; }
.pmt-badge--teal   { background: #E0F2F1; color: #00695C; }
.pmt-badge--red    { background: #FFEBEE; color: #C62828; }
.pmt-badge--grey   { background: #F3F4F6; color: #374151; }
.pmt-badge--featured { background: linear-gradient(135deg, #F59E0B, #F97316); color: white; }
.pmt-badge--urgent   { background: linear-gradient(135deg, #EF4444, #DC2626); color: white; }

/* ── FORMS ─────────────────────────────────────────────────── */
.pmt-form-group { margin-bottom: var(--pmt-space-5); }
.pmt-form-label {
  display: block;
  font-size: var(--pmt-text-sm);
  font-weight: var(--pmt-weight-medium);
  color: var(--pmt-text-secondary);
  margin-bottom: var(--pmt-space-2);
}
.pmt-form-label--required::after { content: ' *'; color: var(--pmt-danger); }
.pmt-input, .pmt-select, .pmt-textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1.5px solid var(--pmt-border);
  border-radius: var(--pmt-radius-sm);
  background: var(--pmt-white);
  font-size: var(--pmt-text-sm);
  color: var(--pmt-text);
  transition: var(--pmt-transition);
  appearance: none;
  -webkit-appearance: none;
}
.pmt-input:focus, .pmt-select:focus, .pmt-textarea:focus {
  outline: none;
  border-color: var(--pmt-accent);
  box-shadow: 0 0 0 3px rgba(33,150,243,0.1);
}
.pmt-input.is-error, .pmt-select.is-error, .pmt-textarea.is-error {
  border-color: var(--pmt-danger);
}
.pmt-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; padding-right: 2.5rem; }
.pmt-textarea { resize: vertical; min-height: 120px; }
.pmt-form-error { font-size: var(--pmt-text-xs); color: var(--pmt-danger); margin-top: 4px; display: none; }
.pmt-form-error.is-visible { display: block; }
.pmt-form-helper { font-size: var(--pmt-text-xs); color: var(--pmt-muted); margin-top: 4px; }

/* ── HEADER ────────────────────────────────────────────────── */
.pmt-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--pmt-z-sticky);
  height: var(--pmt-header-height);
  background: var(--pmt-white);
  border-bottom: 1px solid var(--pmt-border);
  transition: var(--pmt-transition);
}
.pmt-header.is-scrolled {
  box-shadow: var(--pmt-shadow-md);
  background: rgba(255,255,255,0.97);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.pmt-header__inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  max-width: 1240px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 10px 20px !important;
  box-sizing: border-box !important;
}
.pmt-header__logo {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pmt-header__logo img { height: 50px !important; max-height: 54px !important; width: auto !important; margin: 0 !important; }
.pmt-header__logo a { display: flex !important; align-items: center !important; margin: 0 !important; }

.pmt-header__right {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 6px !important;
  margin-left: auto !important;
}
.pmt-header__cta {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 0 !important;
}
.pmt-nav {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}
.pmt-nav__list {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 22px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pmt-nav__item { position: relative; }
.pmt-nav__link {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 var(--pmt-space-4);
  height: var(--pmt-header-height);
  font-size: var(--pmt-text-sm);
  font-weight: var(--pmt-weight-medium);
  color: var(--pmt-text-secondary);
  white-space: nowrap;
  text-decoration: none;
  transition: var(--pmt-transition-fast);
  position: relative;
}
.pmt-nav__link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: var(--pmt-space-4);
  right: var(--pmt-space-4);
  height: 2px;
  background: var(--pmt-blue);
  transform: scaleX(0);
  transition: var(--pmt-transition);
  border-radius: 2px 2px 0 0;
}
.pmt-nav__link:hover, .pmt-nav__item.is-active > .pmt-nav__link {
  color: var(--pmt-blue);
}
.pmt-nav__link:hover::after, .pmt-nav__item.is-active > .pmt-nav__link::after {
  transform: scaleX(1);
}
.pmt-nav__arrow { font-size: 10px; transition: var(--pmt-transition-fast); }
.pmt-nav__item.has-children:hover .pmt-nav__arrow { transform: rotate(180deg); }

/* Dropdown */
.pmt-nav__dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  min-width: 200px;
  background: var(--pmt-white);
  border: 1px solid var(--pmt-border);
  border-radius: var(--pmt-radius);
  box-shadow: var(--pmt-shadow-lg);
  padding: var(--pmt-space-2) 0;
  list-style: none;
  opacity: 0;
  pointer-events: none;
  transition: var(--pmt-transition);
  z-index: var(--pmt-z-dropdown);
}
.pmt-nav__item.has-children:hover .pmt-nav__dropdown,
.pmt-nav__item.has-children:focus-within .pmt-nav__dropdown {
  opacity: 1;
  pointer-events: all;
  transform: translateX(-50%) translateY(0);
}
.pmt-nav__dropdown .pmt-nav__item { width: 100%; }
.pmt-nav__dropdown .pmt-nav__link {
  height: auto;
  padding: var(--pmt-space-3) var(--pmt-space-4);
  border-radius: 0;
}
.pmt-nav__dropdown .pmt-nav__link::after { display: none; }
.pmt-nav__dropdown .pmt-nav__link:hover { background: var(--pmt-light-blue); }

/* Apply Now / Clinical Affairs CTA */
.pmt-header__cta {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}
.pmt-header__cta .pmt-btn {
  font-size: var(--pmt-text-sm);
  padding: 0.6rem 1.5rem;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

/* Hamburger */
.pmt-hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  width: 32px;
  cursor: pointer;
  padding: 4px;
  border-radius: var(--pmt-radius-sm);
  transition: var(--pmt-transition);
}
.pmt-hamburger__line {
  width: 100%;
  height: 2px;
  background: var(--pmt-dark-blue);
  border-radius: 2px;
  transition: var(--pmt-transition);
  transform-origin: center;
}
.pmt-hamburger.is-open .pmt-hamburger__line:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.pmt-hamburger.is-open .pmt-hamburger__line:nth-child(2) { opacity: 0; transform: scaleX(0); }
.pmt-hamburger.is-open .pmt-hamburger__line:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Mobile Nav */
.pmt-mobile-nav {
  position: fixed;
  inset: var(--pmt-header-height-mobile) 0 0 0;
  background: var(--pmt-white);
  z-index: calc(var(--pmt-z-sticky) - 1);
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  padding: var(--pmt-space-6);
  border-top: 1px solid var(--pmt-border);
}
.pmt-mobile-nav.is-open { transform: translateX(0); }
.pmt-mobile-nav__list { list-style: none; }
.pmt-mobile-nav__item { border-bottom: 1px solid var(--pmt-border-light); }
.pmt-mobile-nav__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--pmt-space-4) 0;
  font-size: var(--pmt-text-base);
  font-weight: var(--pmt-weight-medium);
  color: var(--pmt-text);
  text-decoration: none;
}
.pmt-mobile-nav__link:hover { color: var(--pmt-blue); }
.pmt-mobile-nav__cta { margin-top: var(--pmt-space-6); }

/* Body offset for fixed header */
body { padding-top: var(--pmt-header-height); }

/* ── HERO SECTION ──────────────────────────────────────────── */
.pmt-hero {
  min-height: calc(100vh - var(--pmt-header-height));
  min-height: 600px;
  background: linear-gradient(135deg, #0D1B3E 0%, #1B2E5E 55%, #1565C0 100%);
  color: var(--pmt-white);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding-block: var(--pmt-space-20);
}
.pmt-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(33,150,243,0.15) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 20%, rgba(21,101,192,0.2) 0%, transparent 50%);
  pointer-events: none;
}
.pmt-hero__particles {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.pmt-hero__particle {
  position: absolute;
  width: 4px; height: 4px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  animation: pmt-float linear infinite;
}
@keyframes pmt-float {
  0%   { transform: translateY(100%) translateX(0); opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { transform: translateY(-100vh) translateX(30px); opacity: 0; }
}
.pmt-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--pmt-space-16);
  align-items: center;
  max-width: var(--pmt-container-2xl);
  margin-inline: auto;
  padding-inline: var(--pmt-space-6);
  width: 100%;
}
.pmt-hero__content { max-width: 600px; }
.pmt-hero__tag {
  display: inline-flex;
  align-items: center;
  gap: var(--pmt-space-2);
  background: rgba(33,150,243,0.2);
  border: 1px solid rgba(33,150,243,0.4);
  color: #90CAF9;
  font-size: var(--pmt-text-sm);
  font-weight: var(--pmt-weight-semi);
  padding: var(--pmt-space-1) var(--pmt-space-4);
  border-radius: var(--pmt-radius-full);
  margin-bottom: var(--pmt-space-6);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  animation: pmt-fade-up 0.6s ease both;
}
.pmt-hero__title {
  font-size: clamp(2.25rem, 5vw, 3.75rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--pmt-white);
  letter-spacing: -0.03em;
  margin-bottom: var(--pmt-space-6);
  animation: pmt-fade-up 0.7s 0.1s ease both;
}
.pmt-hero__title em {
  font-style: normal;
  background: linear-gradient(135deg, #90CAF9, #42A5F5);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pmt-hero__subtitle {
  font-size: var(--pmt-text-lg);
  color: rgba(255,255,255,0.8);
  line-height: var(--pmt-leading-loose);
  margin-bottom: var(--pmt-space-10);
  animation: pmt-fade-up 0.8s 0.2s ease both;
}
.pmt-hero__actions {
  display: flex;
  align-items: center;
  gap: var(--pmt-space-4);
  flex-wrap: wrap;
  animation: pmt-fade-up 0.9s 0.3s ease both;
}
.pmt-hero__stats {
  display: flex;
  gap: var(--pmt-space-8);
  margin-top: var(--pmt-space-12);
  padding-top: var(--pmt-space-8);
  border-top: 1px solid rgba(255,255,255,0.15);
  animation: pmt-fade-up 1s 0.4s ease both;
}
.pmt-hero__stat-item { text-align: center; }
.pmt-hero__stat-value {
  display: block;
  font-size: var(--pmt-text-2xl);
  font-weight: 900;
  color: var(--pmt-white);
  font-family: var(--pmt-font-display);
}
.pmt-hero__stat-label {
  font-size: var(--pmt-text-xs);
  color: rgba(255,255,255,0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 2px;
}

/* Hero Visual */
.pmt-hero__visual {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  animation: pmt-fade-left 0.8s 0.2s ease both;
}
.pmt-hero__image-wrapper {
  width: 100%;
  max-width: 540px;
  aspect-ratio: 4/3;
  border-radius: var(--pmt-radius-2xl);
  overflow: hidden;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0 32px 80px rgba(0,0,0,0.4);
}
.pmt-hero__image-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.pmt-hero__placeholder {
  text-align: center;
  color: rgba(255,255,255,0.5);
}
.pmt-hero__placeholder i { font-size: 4rem; margin-bottom: var(--pmt-space-4); display: block; }
.pmt-hero__placeholder p { font-size: var(--pmt-text-sm); }

/* Floating stats card on hero */
.pmt-hero__float-card {
  position: absolute;
  bottom: -20px;
  left: -20px;
  background: var(--pmt-white);
  border-radius: var(--pmt-radius);
  padding: var(--pmt-space-4) var(--pmt-space-5);
  box-shadow: var(--pmt-shadow-lg);
  display: flex;
  align-items: center;
  gap: var(--pmt-space-3);
  animation: pmt-float-card 3s ease-in-out infinite;
}
@keyframes pmt-float-card {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-8px); }
}
.pmt-hero__float-card-icon { font-size: 1.5rem; color: var(--pmt-blue); }
.pmt-hero__float-card-value { font-size: var(--pmt-text-xl); font-weight: 800; color: var(--pmt-dark-blue); }
.pmt-hero__float-card-label { font-size: var(--pmt-text-xs); color: var(--pmt-muted); }

/* ── SEARCH BAR ────────────────────────────────────────────── */
.pmt-search-section {
  background: var(--pmt-white);
  padding-block: var(--pmt-space-10);
  border-bottom: 1px solid var(--pmt-border);
  position: sticky;
  top: var(--pmt-header-height);
  z-index: calc(var(--pmt-z-sticky) - 1);
  box-shadow: var(--pmt-shadow);
}
.pmt-search-bar {
  background: var(--pmt-white);
  border-radius: var(--pmt-radius-xl);
  box-shadow: var(--pmt-shadow-md);
  border: 1px solid var(--pmt-border);
  overflow: hidden;
}
.pmt-search-form {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  align-items: stretch;
}
.pmt-search-form__field {
  display: flex;
  align-items: center;
  gap: var(--pmt-space-3);
  padding: var(--pmt-space-4) var(--pmt-space-5);
  border-right: 1px solid var(--pmt-border);
  position: relative;
}
.pmt-search-form__field:last-of-type { border-right: none; }
.pmt-search-form__field > i {
  color: var(--pmt-muted);
  font-size: 1rem;
  flex-shrink: 0;
}
.pmt-search-form__field input,
.pmt-search-form__field select {
  border: none;
  outline: none;
  background: transparent;
  font-size: var(--pmt-text-sm);
  color: var(--pmt-text);
  width: 100%;
  cursor: pointer;
}
.pmt-search-form__field input::placeholder { color: var(--pmt-muted); }
.pmt-search-form__submit {
  margin: var(--pmt-space-2);
  border-radius: var(--pmt-radius-lg);
  padding: var(--pmt-space-3) var(--pmt-space-8);
  flex-shrink: 0;
}
.pmt-search-clear {
  background: none;
  border: none;
  color: var(--pmt-muted);
  font-size: var(--pmt-text-sm);
  cursor: pointer;
  padding: var(--pmt-space-2) var(--pmt-space-4);
  display: flex;
  align-items: center;
  gap: var(--pmt-space-1);
  transition: var(--pmt-transition-fast);
}
.pmt-search-clear:hover { color: var(--pmt-danger); }
.pmt-search-results-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--pmt-space-4) 0;
  border-top: 1px solid var(--pmt-border);
  margin-top: var(--pmt-space-4);
}
.pmt-results-count {
  font-size: var(--pmt-text-sm);
  color: var(--pmt-muted);
}
.pmt-results-count strong { color: var(--pmt-dark-blue); font-weight: var(--pmt-weight-bold); }
.pmt-results-sort {
  display: flex;
  align-items: center;
  gap: var(--pmt-space-2);
  font-size: var(--pmt-text-sm);
  color: var(--pmt-muted);
}
.pmt-results-sort select {
  border: 1px solid var(--pmt-border);
  border-radius: var(--pmt-radius-sm);
  padding: var(--pmt-space-1) var(--pmt-space-3);
  font-size: var(--pmt-text-sm);
  background: var(--pmt-white);
  color: var(--pmt-text);
  cursor: pointer;
}
/* Grid/List toggle */
.pmt-view-toggle { display: flex; gap: 4px; }
.pmt-view-btn {
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--pmt-border);
  border-radius: var(--pmt-radius-sm);
  color: var(--pmt-muted);
  cursor: pointer;
  transition: var(--pmt-transition-fast);
  background: var(--pmt-white);
}
.pmt-view-btn.is-active { background: var(--pmt-blue); color: white; border-color: var(--pmt-blue); }

/* ── JOBS LAYOUT ───────────────────────────────────────────── */
.pmt-jobs-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: var(--pmt-space-8);
  align-items: start;
  padding-block: var(--pmt-space-10);
}

/* ── FILTER SIDEBAR ────────────────────────────────────────── */
.pmt-filter-sidebar {
  background: var(--pmt-white);
  border: 1px solid var(--pmt-border);
  border-radius: var(--pmt-radius-lg);
  overflow: hidden;
  position: sticky;
  top: calc(var(--pmt-header-height) + 80px);
  box-shadow: var(--pmt-shadow-sm);
}
.pmt-filter-sidebar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--pmt-space-5) var(--pmt-space-5);
  border-bottom: 1px solid var(--pmt-border);
  background: var(--pmt-dark-blue);
  color: var(--pmt-white);
}
.pmt-filter-sidebar__title {
  font-size: var(--pmt-text-base);
  font-weight: var(--pmt-weight-bold);
  display: flex;
  align-items: center;
  gap: var(--pmt-space-2);
  color: var(--pmt-white);
}
.pmt-filter-clear {
  font-size: var(--pmt-text-xs);
  color: rgba(255,255,255,0.7);
  cursor: pointer;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: var(--pmt-transition-fast);
}
.pmt-filter-clear:hover { color: var(--pmt-white); }
.pmt-filter-group {
  padding: var(--pmt-space-5);
  border-bottom: 1px solid var(--pmt-border-light);
}
.pmt-filter-group:last-child { border-bottom: none; }
.pmt-filter-group__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin-bottom: var(--pmt-space-4);
}
.pmt-filter-group__title {
  font-size: var(--pmt-text-xs);
  font-weight: var(--pmt-weight-bold);
  color: var(--pmt-dark-blue);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.pmt-filter-group__arrow { font-size: 10px; color: var(--pmt-muted); transition: var(--pmt-transition-fast); }
.pmt-filter-group.is-collapsed .pmt-filter-group__arrow { transform: rotate(-90deg); }
.pmt-filter-group.is-collapsed .pmt-filter-group__body { display: none; }
.pmt-filter-option {
  display: flex;
  align-items: center;
  gap: var(--pmt-space-3);
  padding: var(--pmt-space-2) 0;
  cursor: pointer;
  font-size: var(--pmt-text-sm);
  color: var(--pmt-text-secondary);
  transition: var(--pmt-transition-fast);
}
.pmt-filter-option:hover { color: var(--pmt-blue); }
.pmt-filter-option input[type="checkbox"] {
  width: 16px; height: 16px;
  border-radius: 4px;
  accent-color: var(--pmt-blue);
  cursor: pointer;
  flex-shrink: 0;
}
.pmt-filter-option__count {
  margin-left: auto;
  font-size: var(--pmt-text-xs);
  color: var(--pmt-muted);
  background: var(--pmt-bg);
  padding: 1px 6px;
  border-radius: var(--pmt-radius-full);
}

/* ── JOB LISTING AREA ──────────────────────────────────────── */
.pmt-jobs-listing { flex: 1; min-width: 0; }
.pmt-jobs-grid { display: flex; flex-direction: column; gap: var(--pmt-space-4); }
.pmt-jobs-grid--cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--pmt-space-4);
}

/* ── JOB CARD ──────────────────────────────────────────────── */
.pmt-job-card {
  background: var(--pmt-white);
  border: 1px solid var(--pmt-border);
  border-radius: var(--pmt-radius-lg);
  padding: var(--pmt-space-5) var(--pmt-space-6);
  transition: var(--pmt-transition);
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--pmt-space-5);
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
}
.pmt-job-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--pmt-blue);
  transform: scaleY(0);
  transition: var(--pmt-transition);
  border-radius: 0 2px 2px 0;
}
.pmt-job-card:hover {
  border-color: var(--pmt-accent);
  box-shadow: var(--pmt-shadow-md);
  transform: translateY(-2px);
}
.pmt-job-card:hover::before { transform: scaleY(1); }
.pmt-job-card.is-featured {
  border-color: #F59E0B;
  background: linear-gradient(135deg, #FFFBF0 0%, var(--pmt-white) 100%);
}
.pmt-job-card__logo {
  width: 56px;
  height: 56px;
  border-radius: var(--pmt-radius);
  overflow: hidden;
  flex-shrink: 0;
  background: var(--pmt-light-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--pmt-border);
}
.pmt-job-card__logo img { width: 100%; height: 100%; object-fit: contain; padding: 6px; }
.pmt-job-card__logo-placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: var(--pmt-light-blue);
  color: var(--pmt-blue);
  font-size: 1.5rem;
}
.pmt-job-card__body { flex: 1; min-width: 0; }
.pmt-job-card__title {
  font-size: var(--pmt-text-base);
  font-weight: var(--pmt-weight-bold);
  color: var(--pmt-dark-blue);
  margin-bottom: 2px;
  transition: var(--pmt-transition-fast);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pmt-job-card:hover .pmt-job-card__title { color: var(--pmt-blue); }
.pmt-job-card__company {
  font-size: var(--pmt-text-xs);
  color: var(--pmt-muted);
  margin-bottom: var(--pmt-space-3);
}
.pmt-job-card__meta {
  display: flex;
  align-items: center;
  gap: var(--pmt-space-3);
  flex-wrap: wrap;
}
.pmt-job-card__meta-item {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.7rem;
  color: var(--pmt-muted);
}
.pmt-job-card__meta-item i { font-size: 0.65rem; color: var(--pmt-accent); }
.pmt-job-card__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--pmt-space-3);
  flex-shrink: 0;
}
.pmt-job-card__bookmark {
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  border: 1.5px solid var(--pmt-border);
  border-radius: var(--pmt-radius-sm);
  color: var(--pmt-muted);
  cursor: pointer;
  transition: var(--pmt-transition);
  background: none;
}
.pmt-job-card__bookmark:hover,
.pmt-job-card__bookmark.is-saved { color: var(--pmt-blue); border-color: var(--pmt-blue); background: var(--pmt-light-blue); }
.pmt-job-card__days {
  font-size: 0.7rem;
  color: var(--pmt-muted);
  white-space: nowrap;
}
.pmt-job-card__days.is-urgent { color: var(--pmt-danger); font-weight: var(--pmt-weight-semi); }
.pmt-job-card__badges { display: flex; gap: var(--pmt-space-2); flex-wrap: wrap; }

/* Card layout for grid view */
.pmt-jobs-grid--cards .pmt-job-card {
  flex-direction: column;
  align-items: flex-start;
  padding: var(--pmt-space-5);
}
.pmt-jobs-grid--cards .pmt-job-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  margin-bottom: var(--pmt-space-3);
}
.pmt-jobs-grid--cards .pmt-job-card__actions {
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  margin-top: var(--pmt-space-4);
  padding-top: var(--pmt-space-4);
  border-top: 1px solid var(--pmt-border-light);
  align-items: center;
}

/* Loading state */
.pmt-jobs-loading {
  display: flex;
  flex-direction: column;
  gap: var(--pmt-space-4);
}
.pmt-job-skeleton {
  background: var(--pmt-white);
  border: 1px solid var(--pmt-border);
  border-radius: var(--pmt-radius-lg);
  padding: var(--pmt-space-5) var(--pmt-space-6);
  height: 80px;
  animation: pmt-skeleton 1.5s ease-in-out infinite;
}
@keyframes pmt-skeleton {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.5; }
}

/* ── NO RESULTS ─────────────────────────────────────────────── */
.pmt-no-results {
  text-align: center;
  padding: var(--pmt-space-20) var(--pmt-space-8);
}
.pmt-no-results__icon {
  width: 80px; height: 80px;
  border-radius: 50%;
  background: var(--pmt-light-blue);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto var(--pmt-space-6);
  font-size: 2rem;
  color: var(--pmt-blue);
}
.pmt-no-results h3 { color: var(--pmt-dark-blue); margin-bottom: var(--pmt-space-3); }
.pmt-no-results p { color: var(--pmt-muted); margin-bottom: var(--pmt-space-6); }

/* ── ABOUT SECTION ─────────────────────────────────────────── */
.pmt-about-section { background: var(--pmt-white); }
.pmt-about-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--pmt-space-16);
  align-items: center;
}
.pmt-about-content { }
.pmt-about-content p {
  color: var(--pmt-text-secondary);
  line-height: var(--pmt-leading-loose);
  margin-bottom: var(--pmt-space-5);
}
.pmt-about-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--pmt-space-3);
  background: linear-gradient(135deg, var(--pmt-dark-blue), var(--pmt-blue));
  color: var(--pmt-white);
  padding: var(--pmt-space-3) var(--pmt-space-5);
  border-radius: var(--pmt-radius);
  font-size: var(--pmt-text-sm);
  font-weight: var(--pmt-weight-semi);
  margin-top: var(--pmt-space-6);
}
.pmt-about-badge i { font-size: 1.5rem; }

/* Stats Grid */
.pmt-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--pmt-space-4);
}
.pmt-stat-card {
  background: var(--pmt-white);
  border: 1px solid var(--pmt-border);
  border-radius: var(--pmt-radius-lg);
  padding: var(--pmt-space-6);
  text-align: center;
  transition: var(--pmt-transition);
  box-shadow: var(--pmt-shadow-sm);
}
.pmt-stat-card:hover { transform: translateY(-4px); box-shadow: var(--pmt-shadow-md); border-color: var(--pmt-accent); }
.pmt-stat-card__icon {
  width: 56px; height: 56px;
  border-radius: var(--pmt-radius);
  background: var(--pmt-light-blue);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto var(--pmt-space-4);
  font-size: 1.5rem;
  color: var(--pmt-blue);
}
.pmt-stat-card__value {
  font-size: var(--pmt-text-3xl);
  font-weight: 900;
  color: var(--pmt-dark-blue);
  font-family: var(--pmt-font-display);
  line-height: 1;
  margin-bottom: var(--pmt-space-2);
}
.pmt-stat-card__value--text { font-size: var(--pmt-text-2xl); }
.pmt-stat-card__label {
  font-size: var(--pmt-text-sm);
  color: var(--pmt-muted);
  font-weight: var(--pmt-weight-medium);
}

/* ── WHY JOIN ───────────────────────────────────────────────── */
.pmt-why-join-section {
  background: linear-gradient(135deg, #F8FAFD 0%, #EEF3FB 100%);
  position: relative;
  overflow: hidden;
}
.pmt-why-join-section::before {
  content: '';
  position: absolute;
  top: -100px; right: -100px;
  width: 400px; height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(33,150,243,0.06) 0%, transparent 70%);
  pointer-events: none;
}
.pmt-teams-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--pmt-space-5);
  margin-top: var(--pmt-space-8);
}
@media (max-width: 1200px) {
  .pmt-teams-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .pmt-teams-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .pmt-teams-grid { grid-template-columns: 1fr; }
}

.pmt-why-join-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--pmt-space-6);
  margin-top: var(--pmt-space-12);
}
.pmt-why-card {
  background: var(--pmt-white);
  border-radius: var(--pmt-radius-lg);
  padding: var(--pmt-space-6);
  box-shadow: var(--pmt-shadow-sm);
  border: 1px solid var(--pmt-border);
  transition: var(--pmt-transition);
  position: relative;
  overflow: hidden;
}
.pmt-why-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(33,150,243,0) 0%, rgba(33,150,243,0.03) 100%);
  opacity: 0;
  transition: var(--pmt-transition);
}
.pmt-why-card:hover { transform: translateY(-6px); box-shadow: var(--pmt-shadow-md); }
.pmt-why-card:hover::after { opacity: 1; }
.pmt-why-card__icon {
  width: 56px; height: 56px;
  border-radius: var(--pmt-radius);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem;
  margin-bottom: var(--pmt-space-4);
  transition: var(--pmt-transition);
}
.pmt-why-card:hover .pmt-why-card__icon { transform: scale(1.1) rotate(-3deg); }
.pmt-why-card--blue .pmt-why-card__icon    { background: #E3F2FD; color: #1565C0; }
.pmt-why-card--green .pmt-why-card__icon   { background: #E8F5E9; color: #2E7D32; }
.pmt-why-card--purple .pmt-why-card__icon  { background: #F3E5F5; color: #6A1B9A; }
.pmt-why-card--orange .pmt-why-card__icon  { background: #FFF3E0; color: #E65100; }
.pmt-why-card--teal .pmt-why-card__icon    { background: #E0F2F1; color: #00695C; }
.pmt-why-card--red .pmt-why-card__icon     { background: #FFEBEE; color: #C62828; }
.pmt-why-card__title {
  font-size: var(--pmt-text-base);
  font-weight: var(--pmt-weight-bold);
  color: var(--pmt-dark-blue);
  margin-bottom: var(--pmt-space-3);
}
.pmt-why-card__desc {
  font-size: var(--pmt-text-sm);
  color: var(--pmt-muted);
  line-height: var(--pmt-leading-loose);
}

/* ── APPLICATION TIMELINE ──────────────────────────────────── */
.pmt-timeline-section {
  background: linear-gradient(135deg, #0D1B3E 0%, #1B2E5E 60%, #1565C0 100%);
  color: var(--pmt-white);
  position: relative;
  overflow: hidden;
}
.pmt-timeline {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0;
  position: relative;
  margin-top: var(--pmt-space-12);
}
.pmt-timeline__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  padding-inline: var(--pmt-space-2);
}
.pmt-timeline__connector {
  position: absolute;
  top: 28px;
  left: 50%;
  right: -50%;
  height: 2px;
  background: linear-gradient(90deg, rgba(33,150,243,0.6), rgba(255,255,255,0.2));
  z-index: 0;
}
.pmt-timeline__step:last-child .pmt-timeline__connector { display: none; }
.pmt-timeline__icon {
  width: 56px; height: 56px;
  border-radius: 50%;
  background: rgba(33,150,243,0.2);
  border: 2px solid rgba(33,150,243,0.5);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.25rem;
  color: #90CAF9;
  position: relative;
  z-index: 1;
  margin-bottom: var(--pmt-space-4);
  transition: var(--pmt-transition);
}
.pmt-timeline__step:hover .pmt-timeline__icon {
  background: rgba(33,150,243,0.4);
  border-color: rgba(33,150,243,0.8);
  transform: scale(1.1);
}
.pmt-timeline__number {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: var(--pmt-accent);
  color: white;
  font-size: 0.6rem;
  font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  border: 2px solid var(--pmt-dark-blue);
}
.pmt-timeline__title {
  font-size: var(--pmt-text-sm);
  font-weight: var(--pmt-weight-bold);
  color: var(--pmt-white);
  margin-bottom: var(--pmt-space-2);
}
.pmt-timeline__desc {
  font-size: 0.7rem;
  color: rgba(255,255,255,0.6);
  line-height: 1.5;
}

/* ── LIFE AT PANACEA / GALLERY ──────────────────────────────── */
.pmt-gallery-tabs {
  display: flex;
  gap: var(--pmt-space-2);
  flex-wrap: wrap;
  margin-bottom: var(--pmt-space-8);
}
.pmt-gallery-tab {
  padding: var(--pmt-space-2) var(--pmt-space-5);
  border-radius: var(--pmt-radius-full);
  font-size: var(--pmt-text-sm);
  font-weight: var(--pmt-weight-medium);
  color: var(--pmt-muted);
  background: var(--pmt-white);
  border: 1.5px solid var(--pmt-border);
  cursor: pointer;
  transition: var(--pmt-transition);
}
.pmt-gallery-tab.is-active,
.pmt-gallery-tab:hover {
  background: var(--pmt-blue);
  color: var(--pmt-white);
  border-color: var(--pmt-blue);
}
.pmt-gallery-masonry {
  column-count: 4;
  column-gap: var(--pmt-space-4);
}
.pmt-gallery-item {
  break-inside: avoid;
  margin-bottom: var(--pmt-space-4);
  border-radius: var(--pmt-radius-lg);
  overflow: hidden;
  position: relative;
  background: var(--pmt-bg);
  cursor: pointer;
}
.pmt-gallery-item__placeholder {
  aspect-ratio: 4/3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--pmt-bg-alt);
  color: var(--pmt-muted);
  gap: var(--pmt-space-2);
  border: 2px dashed var(--pmt-border);
  border-radius: var(--pmt-radius-lg);
}
.pmt-gallery-item__placeholder i { font-size: 2rem; color: var(--pmt-border); }
.pmt-gallery-item__placeholder span { font-size: var(--pmt-text-sm); font-weight: var(--pmt-weight-medium); }
.pmt-gallery-item__placeholder small { font-size: 0.65rem; color: #ccc; }
.pmt-gallery-item img { width: 100%; display: block; transition: transform 0.4s ease; }
.pmt-gallery-item:hover img { transform: scale(1.05); }
.pmt-gallery-item__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(27,46,94,0.8) 0%, transparent 60%);
  opacity: 0;
  transition: var(--pmt-transition);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: var(--pmt-space-4);
}
.pmt-gallery-item:hover .pmt-gallery-item__overlay { opacity: 1; }
.pmt-gallery-item__caption { font-size: var(--pmt-text-sm); color: var(--pmt-white); font-weight: var(--pmt-weight-medium); }
.pmt-gallery-item__expand {
  width: 32px; height: 32px;
  border-radius: 50%;
  background: rgba(255,255,255,0.2);
  color: white;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.75rem;
  border: none;
  cursor: pointer;
  backdrop-filter: blur(4px);
}

/* ── FAST RESPONSE SECTION ─────────────────────────────────── */
.pmt-fast-response-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--pmt-space-6);
  margin-top: var(--pmt-space-12);
}
.pmt-response-card {
  text-align: center;
  padding: var(--pmt-space-8);
  border-radius: var(--pmt-radius-xl);
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  transition: var(--pmt-transition);
}
.pmt-response-card:hover { background: rgba(255,255,255,0.15); transform: translateY(-4px); }
.pmt-response-card__icon {
  width: 72px; height: 72px;
  border-radius: 50%;
  background: rgba(33,150,243,0.2);
  border: 2px solid rgba(33,150,243,0.4);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.75rem;
  color: #90CAF9;
  margin: 0 auto var(--pmt-space-5);
}
.pmt-response-card__title { font-size: var(--pmt-text-xl); font-weight: 800; color: var(--pmt-white); margin-bottom: var(--pmt-space-3); }
.pmt-response-card__desc { font-size: var(--pmt-text-sm); color: rgba(255,255,255,0.7); line-height: var(--pmt-leading-loose); }

/* ── FRAUD ALERT ────────────────────────────────────────────── */
.pmt-alert-box {
  border-radius: var(--pmt-radius-xl);
  overflow: hidden;
  box-shadow: var(--pmt-shadow-md);
}
.pmt-alert-box--warning {
  background: #FFFBEB;
  border: 2px solid #F59E0B;
}
.pmt-alert-box__header {
  display: flex;
  align-items: center;
  gap: var(--pmt-space-4);
  padding: var(--pmt-space-6) var(--pmt-space-8);
  background: #F59E0B;
  color: var(--pmt-white);
}
.pmt-alert-box__header i { font-size: 1.75rem; }
.pmt-alert-box__header h3 { font-size: var(--pmt-text-xl); font-weight: 800; color: var(--pmt-white); }
.pmt-alert-box__body { padding: var(--pmt-space-8); }
.pmt-alert-box__body p { color: var(--pmt-text-secondary); margin-bottom: var(--pmt-space-4); line-height: var(--pmt-leading-loose); }
.pmt-alert-box__body ul { display: flex; flex-direction: column; gap: var(--pmt-space-3); margin-bottom: var(--pmt-space-6); }
.pmt-alert-box__body li {
  display: flex;
  align-items: center;
  gap: var(--pmt-space-3);
  font-size: var(--pmt-text-sm);
  color: var(--pmt-text-secondary);
}
.pmt-alert-box__body li .fa-xmark { color: var(--pmt-danger); font-size: 1rem; flex-shrink: 0; }
.pmt-alert-box__body a { color: var(--pmt-blue); font-weight: var(--pmt-weight-semi); }

/* ── CANDIDATE PRIVACY ──────────────────────────────────────── */
.pmt-privacy-section {
  background: var(--pmt-bg-alt);
  border-radius: var(--pmt-radius-xl);
  padding: var(--pmt-space-12);
  text-align: center;
  border: 1px solid var(--pmt-border);
}
.pmt-privacy-section__icon {
  width: 80px; height: 80px;
  border-radius: 50%;
  background: var(--pmt-light-blue);
  display: flex; align-items: center; justify-content: center;
  font-size: 2rem;
  color: var(--pmt-blue);
  margin: 0 auto var(--pmt-space-6);
}

/* ── FAQ ───────────────────────────────────────────────────── */
.pmt-faq-accordion { max-width: 800px; margin-inline: auto; }
.pmt-faq-item {
  border: 1px solid var(--pmt-border);
  border-radius: var(--pmt-radius-lg);
  margin-bottom: var(--pmt-space-3);
  overflow: hidden;
  transition: var(--pmt-transition);
  background: var(--pmt-white);
}
.pmt-faq-item:hover { border-color: var(--pmt-accent); box-shadow: var(--pmt-shadow-sm); }
.pmt-faq-item.is-open { border-color: var(--pmt-blue); }
.pmt-faq-item__question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--pmt-space-5) var(--pmt-space-6);
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  gap: var(--pmt-space-4);
  transition: var(--pmt-transition);
}
.pmt-faq-item.is-open .pmt-faq-item__question { background: var(--pmt-light-blue); }
.pmt-faq-item__question span {
  font-size: var(--pmt-text-base);
  font-weight: var(--pmt-weight-semi);
  color: var(--pmt-dark-blue);
}
.pmt-faq-item__icon {
  color: var(--pmt-blue);
  font-size: 0.875rem;
  flex-shrink: 0;
  transition: var(--pmt-transition);
}
.pmt-faq-item.is-open .pmt-faq-item__icon { transform: rotate(180deg); }
.pmt-faq-item__answer { display: none; overflow: hidden; }
.pmt-faq-item.is-open .pmt-faq-item__answer { display: block !important; }
.pmt-faq-item__answer-inner {
  padding: var(--pmt-space-5) var(--pmt-space-6);
  font-size: var(--pmt-text-sm);
  color: var(--pmt-text-secondary);
  line-height: var(--pmt-leading-loose);
}

/* Back to top button positioned on the right */
.pmt-back-to-top {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  left: auto !important;
  z-index: 99999 !important;
}

/* Hide Astra & floating scroll-to-top buttons globally */
#ast-scroll-top,
.ast-scroll-top,
#ast-scroll-top-icon,
.ast-scroll-to-top,
#scroll-top,
.scroll-top,
.scroll-to-top,
a[href="#ast-scroll-top"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  right: 24px !important;
  left: auto !important;
}
.ast-scroll-to-top-left {
  right: 24px !important;
  left: auto !important;
}

/* ── NEWSLETTER ─────────────────────────────────────────────── */
.pmt-newsletter-section {
  background: var(--pmt-dark-blue);
  padding: var(--pmt-space-12) var(--pmt-space-8);
  border-radius: var(--pmt-radius-xl);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.pmt-newsletter-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 0%, rgba(33,150,243,0.2), transparent 70%);
  pointer-events: none;
}
.pmt-newsletter-content { position: relative; z-index: 1; }
.pmt-newsletter-icon {
  width: 64px; height: 64px;
  border-radius: 50%;
  background: rgba(33,150,243,0.2);
  border: 2px solid rgba(33,150,243,0.4);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem;
  color: #90CAF9;
  margin: 0 auto var(--pmt-space-5);
}
.pmt-newsletter-text h3 {
  font-size: var(--pmt-text-2xl);
  font-weight: 800;
  color: var(--pmt-white);
  margin-bottom: var(--pmt-space-2);
}
.pmt-newsletter-text p { color: rgba(255,255,255,0.7); margin-bottom: var(--pmt-space-8); }
.pmt-newsletter-form__group {
  display: flex;
  gap: var(--pmt-space-3);
  max-width: 480px;
  margin-inline: auto;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: var(--pmt-radius-full);
  padding: var(--pmt-space-2);
  backdrop-filter: blur(8px);
}
.pmt-newsletter-form__group input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: var(--pmt-white);
  font-size: var(--pmt-text-sm);
  padding: var(--pmt-space-2) var(--pmt-space-4);
}
.pmt-newsletter-form__group input::placeholder { color: rgba(255,255,255,0.5); }
.pmt-newsletter-form__message {
  margin-top: var(--pmt-space-4);
  font-size: var(--pmt-text-sm);
  font-weight: var(--pmt-weight-medium);
  min-height: 20px;
}
.pmt-newsletter-form__message.is-success { color: #A7F3D0; }
.pmt-newsletter-form__message.is-error   { color: #FCA5A5; }

/* ── FOOTER ─────────────────────────────────────────────────── */
.pmt-footer {
  background: var(--pmt-navy);
  color: rgba(255,255,255,0.8);
  padding-top: var(--pmt-space-16);
}
.pmt-footer__main {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  gap: var(--pmt-space-10);
  padding-bottom: var(--pmt-space-12);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.pmt-footer__brand { }
.pmt-footer__logo { margin-bottom: var(--pmt-space-4); }
.pmt-footer__logo img { height: 48px; width: auto; }
.pmt-footer__tagline {
  font-size: var(--pmt-text-sm);
  color: rgba(255,255,255,0.6);
  line-height: var(--pmt-leading-loose);
  margin-bottom: var(--pmt-space-6);
  max-width: 280px;
}
.pmt-footer__contact-item {
  display: flex;
  align-items: center;
  gap: var(--pmt-space-3);
  font-size: var(--pmt-text-sm);
  color: rgba(255,255,255,0.6);
  margin-bottom: var(--pmt-space-3);
  text-decoration: none;
  transition: var(--pmt-transition-fast);
}
.pmt-footer__contact-item:hover { color: var(--pmt-white); }
.pmt-footer__contact-item i { color: var(--pmt-accent); width: 16px; text-align: center; }
.pmt-footer__col-title {
  font-size: var(--pmt-text-sm);
  font-weight: var(--pmt-weight-bold);
  color: var(--pmt-white);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: var(--pmt-space-5);
}
.pmt-footer__links { display: flex; flex-direction: column; gap: var(--pmt-space-3); }
.pmt-footer__link {
  font-size: var(--pmt-text-sm);
  color: rgba(255,255,255,0.6);
  text-decoration: none;
  transition: var(--pmt-transition-fast);
  display: flex;
  align-items: center;
  gap: var(--pmt-space-2);
}
.pmt-footer__link:hover { color: var(--pmt-white); padding-left: 4px; }
.pmt-footer__social { display: flex; flex-direction: column; gap: var(--pmt-space-3); }
.pmt-footer__social-link {
  display: flex;
  align-items: center;
  gap: var(--pmt-space-3);
  font-size: var(--pmt-text-sm);
  color: rgba(255,255,255,0.6);
  text-decoration: none;
  transition: var(--pmt-transition-fast);
}
.pmt-footer__social-link:hover { color: var(--pmt-white); }
.pmt-footer__social-link i { width: 20px; text-align: center; }
.pmt-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: var(--pmt-space-6);
}
.pmt-footer__copyright {
  font-size: var(--pmt-text-xs);
  color: rgba(255,255,255,0.4);
}
.pmt-footer__bottom-links {
  display: flex;
  gap: var(--pmt-space-6);
}
.pmt-footer__bottom-link {
  font-size: var(--pmt-text-xs);
  color: rgba(255,255,255,0.4);
  text-decoration: none;
  transition: var(--pmt-transition-fast);
}
.pmt-footer__bottom-link:hover { color: rgba(255,255,255,0.8); }

/* ── SINGLE JOB PAGE ────────────────────────────────────────── */
.pmt-breadcrumb {
  display: flex;
  align-items: center;
  gap: var(--pmt-space-2);
  font-size: var(--pmt-text-sm);
  color: var(--pmt-muted);
  margin-bottom: var(--pmt-space-6);
  flex-wrap: wrap;
}
.pmt-breadcrumb a { color: var(--pmt-blue); text-decoration: none; }
.pmt-breadcrumb a:hover { color: var(--pmt-dark-blue); }
.pmt-breadcrumb__sep { color: var(--pmt-border); }
.pmt-job-detail-layout {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: var(--pmt-space-10);
  align-items: start;
}
.pmt-job-detail__header {
  display: flex;
  align-items: flex-start;
  gap: var(--pmt-space-5);
  padding: var(--pmt-space-8);
  background: var(--pmt-white);
  border: 1px solid var(--pmt-border);
  border-radius: var(--pmt-radius-xl);
  margin-bottom: var(--pmt-space-6);
  box-shadow: var(--pmt-shadow-sm);
}
.pmt-job-detail__logo {
  width: 80px; height: 80px;
  border-radius: var(--pmt-radius-lg);
  border: 1px solid var(--pmt-border);
  overflow: hidden;
  flex-shrink: 0;
}
.pmt-job-detail__logo img { width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.pmt-job-detail__title { font-size: var(--pmt-text-3xl); font-weight: 900; color: var(--pmt-dark-blue); margin-bottom: var(--pmt-space-2); }
.pmt-job-detail__company { font-size: var(--pmt-text-sm); color: var(--pmt-muted); margin-bottom: var(--pmt-space-4); }
.pmt-job-detail__meta { display: flex; gap: var(--pmt-space-4); flex-wrap: wrap; }
.pmt-job-detail__meta-item {
  display: flex;
  align-items: center;
  gap: var(--pmt-space-2);
  font-size: var(--pmt-text-sm);
  color: var(--pmt-text-secondary);
}
.pmt-job-detail__meta-item i { color: var(--pmt-blue); }
.pmt-job-detail__section {
  background: var(--pmt-white);
  border: 1px solid var(--pmt-border);
  border-radius: var(--pmt-radius-xl);
  padding: var(--pmt-space-8);
  margin-bottom: var(--pmt-space-6);
  box-shadow: var(--pmt-shadow-sm);
}
.pmt-job-detail__section-title {
  font-size: var(--pmt-text-xl);
  font-weight: 800;
  color: var(--pmt-dark-blue);
  margin-bottom: var(--pmt-space-5);
  padding-bottom: var(--pmt-space-4);
  border-bottom: 2px solid var(--pmt-light-blue);
  display: flex;
  align-items: center;
  gap: var(--pmt-space-3);
}
.pmt-job-detail__section-title i { color: var(--pmt-blue); }
.pmt-job-detail__content { color: var(--pmt-text-secondary); line-height: var(--pmt-leading-loose); }
.pmt-job-detail__content ul, .pmt-job-detail__content ol { padding-left: var(--pmt-space-6); }
.pmt-job-detail__content li { margin-bottom: var(--pmt-space-2); }
.pmt-job-detail__content h4 { font-size: var(--pmt-text-base); color: var(--pmt-dark-blue); margin: var(--pmt-space-4) 0 var(--pmt-space-2); }

/* Apply Sidebar */
.pmt-apply-sidebar {
  position: sticky;
  top: calc(var(--pmt-header-height) + var(--pmt-space-6));
  display: flex;
  flex-direction: column;
  gap: var(--pmt-space-5);
}
.pmt-apply-card {
  background: var(--pmt-white);
  border: 1px solid var(--pmt-border);
  border-radius: var(--pmt-radius-xl);
  padding: var(--pmt-space-8);
  box-shadow: var(--pmt-shadow-sm);
}
.pmt-apply-card--featured {
  background: linear-gradient(135deg, var(--pmt-dark-blue), var(--pmt-blue));
  border-color: transparent;
  color: var(--pmt-white);
}
.pmt-apply-card--featured .pmt-apply-card__title { color: var(--pmt-white); }
.pmt-apply-card--featured p { color: rgba(255,255,255,0.8); }

/* ── APPLICATION FORM ───────────────────────────────────────── */
.pmt-apply-form-section { padding-block: var(--pmt-space-16); }
.pmt-apply-form-card {
  background: var(--pmt-white);
  border: 1px solid var(--pmt-border);
  border-radius: var(--pmt-radius-2xl);
  padding: var(--pmt-space-12);
  box-shadow: var(--pmt-shadow-md);
  max-width: 800px;
  margin-inline: auto;
}
.pmt-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--pmt-space-5); }
.pmt-form-grid--full { grid-column: 1 / -1; }
.pmt-upload-area {
  border: 2px dashed var(--pmt-border);
  border-radius: var(--pmt-radius-lg);
  padding: var(--pmt-space-10);
  text-align: center;
  cursor: pointer;
  transition: var(--pmt-transition);
  background: var(--pmt-bg);
}
.pmt-upload-area:hover, .pmt-upload-area.is-dragover {
  border-color: var(--pmt-accent);
  background: var(--pmt-light-blue);
}
.pmt-upload-area__icon { font-size: 2.5rem; color: var(--pmt-muted); margin-bottom: var(--pmt-space-4); }
.pmt-upload-area__text { font-size: var(--pmt-text-sm); color: var(--pmt-muted); }
.pmt-upload-area__text strong { color: var(--pmt-blue); }

/* ── PAGINATION ─────────────────────────────────────────────── */
.pmt-pagination {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--pmt-space-4);
  margin-top: var(--pmt-space-10);
}
.pmt-pagination__list { display: flex; align-items: center; gap: var(--pmt-space-2); }
.pmt-pagination__list a, .pmt-pagination__list span {
  display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px;
  border-radius: var(--pmt-radius-sm);
  border: 1.5px solid var(--pmt-border);
  font-size: var(--pmt-text-sm);
  font-weight: var(--pmt-weight-medium);
  color: var(--pmt-text-secondary);
  text-decoration: none;
  transition: var(--pmt-transition-fast);
  background: var(--pmt-white);
}
.pmt-pagination__list a:hover { border-color: var(--pmt-blue); color: var(--pmt-blue); }
.pmt-pagination__list .current { background: var(--pmt-blue); border-color: var(--pmt-blue); color: white; }
.pmt-pagination__list .dots { border: none; background: none; }
.pmt-pagination__info { font-size: var(--pmt-text-xs); color: var(--pmt-muted); }

/* ── SCROLL ANIMATIONS ──────────────────────────────────────── */
.pmt-animate-on-scroll {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.pmt-animate-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.pmt-animate-on-scroll:nth-child(2) { transition-delay: 0.1s; }
.pmt-animate-on-scroll:nth-child(3) { transition-delay: 0.2s; }
.pmt-animate-on-scroll:nth-child(4) { transition-delay: 0.3s; }
.pmt-animate-on-scroll:nth-child(5) { transition-delay: 0.4s; }
.pmt-animate-on-scroll:nth-child(6) { transition-delay: 0.5s; }
.pmt-animate-on-scroll:nth-child(7) { transition-delay: 0.6s; }
.pmt-animate-on-scroll:nth-child(8) { transition-delay: 0.7s; }

@keyframes pmt-fade-up {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes pmt-fade-left {
  from { opacity: 0; transform: translateX(24px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* ── THANK YOU PAGE ─────────────────────────────────────────── */
.pmt-thankyou-hero {
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: linear-gradient(135deg, #F8FAFD 0%, #E3F2FD 100%);
}
.pmt-thankyou-icon {
  width: 100px; height: 100px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pmt-blue), var(--pmt-accent));
  display: flex; align-items: center; justify-content: center;
  font-size: 2.5rem;
  color: white;
  margin: 0 auto var(--pmt-space-6);
  box-shadow: 0 16px 48px rgba(33,150,243,0.4);
  animation: pmt-bounce 0.6s ease both;
}
@keyframes pmt-bounce {
  0%  { transform: scale(0); }
  60% { transform: scale(1.1); }
  100%{ transform: scale(1); }
}

/* ── 404 PAGE ───────────────────────────────────────────────── */
.pmt-404-section {
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.pmt-404-number {
  font-size: clamp(6rem, 15vw, 12rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--pmt-dark-blue), var(--pmt-accent));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin-bottom: var(--pmt-space-4);
}

/* ── UTILITY CLASSES ────────────────────────────────────────── */
.pmt-text-center  { text-align: center; }
.pmt-text-left    { text-align: left; }
.pmt-text-right   { text-align: right; }
.pmt-text-muted   { color: var(--pmt-muted); }
.pmt-text-blue    { color: var(--pmt-blue); }
.pmt-text-white   { color: var(--pmt-white); }
.pmt-text-dark    { color: var(--pmt-dark-blue); }
.pmt-text-sm      { font-size: var(--pmt-text-sm); }
.pmt-text-lg      { font-size: var(--pmt-text-lg); }
.pmt-fw-bold      { font-weight: var(--pmt-weight-bold); }
.pmt-mt-auto      { margin-top: auto; }
.pmt-hidden       { display: none !important; }
.pmt-sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0,0,0,0); white-space: nowrap; border-width: 0;
}

/* Divider */
.pmt-divider {
  height: 1px;
  background: var(--pmt-border);
  margin-block: var(--pmt-space-8);
}

/* Toast notifications */
.pmt-toast-container {
  position: fixed;
  bottom: var(--pmt-space-6);
  right: var(--pmt-space-6);
  z-index: var(--pmt-z-toast);
  display: flex;
  flex-direction: column;
  gap: var(--pmt-space-3);
  max-width: 360px;
}
.pmt-toast {
  background: var(--pmt-dark-blue);
  color: var(--pmt-white);
  padding: var(--pmt-space-4) var(--pmt-space-5);
  border-radius: var(--pmt-radius-lg);
  font-size: var(--pmt-text-sm);
  display: flex;
  align-items: center;
  gap: var(--pmt-space-3);
  box-shadow: var(--pmt-shadow-lg);
  animation: pmt-toast-in 0.3s ease;
}
.pmt-toast--success { background: #064E3B; border-left: 4px solid #10B981; }
.pmt-toast--error   { background: #7F1D1D; border-left: 4px solid #EF4444; }
.pmt-toast--info    { background: var(--pmt-dark-blue); border-left: 4px solid var(--pmt-accent); }
@keyframes pmt-toast-in { from { opacity: 0; transform: translateX(100%); } to { opacity: 1; transform: translateX(0); } }

/* ── ADMIN CSS ──────────────────────────────────────────────── */
.pmt-meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; }
.pmt-meta-full { grid-column: 1 / -1; }
.pmt-meta-field label { display: block; font-weight: 600; margin-bottom: 6px; font-size: 13px; color: #1a1a2e; }
.pmt-meta-field input, .pmt-meta-field select, .pmt-meta-field textarea {
  width: 100%; padding: 8px 12px;
  border: 1px solid #ddd; border-radius: 6px;
  font-size: 13px; line-height: 1.5;
}
.pmt-meta-field textarea { min-height: 80px; resize: vertical; }

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 1280px) {
  .pmt-why-join-grid { grid-template-columns: repeat(3, 1fr); }
  .pmt-stats-grid    { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1024px) {
  .pmt-jobs-layout          { grid-template-columns: 1fr; }
  .pmt-filter-sidebar       { position: static; }
  .pmt-about-inner          { grid-template-columns: 1fr; gap: var(--pmt-space-10); }
  .pmt-footer__main         { grid-template-columns: 1fr 1fr; gap: var(--pmt-space-8); }
  .pmt-timeline             { grid-template-columns: repeat(3, 1fr); }
  .pmt-timeline__step:nth-child(3) .pmt-timeline__connector { display: none; }
  .pmt-job-detail-layout    { grid-template-columns: 1fr; }
  .pmt-apply-sidebar        { position: static; }
  .pmt-fast-response-grid   { grid-template-columns: 1fr 1fr; }
  .pmt-gallery-masonry      { column-count: 3; }
  .pmt-why-join-grid        { grid-template-columns: repeat(2, 1fr); }
  .pmt-hero__inner          { grid-template-columns: 1fr; }
  .pmt-hero__visual         { display: none; }
}

@media (max-width: 768px) {
  body { padding-top: var(--pmt-header-height-mobile); }
  .pmt-header { height: var(--pmt-header-height-mobile); }
  .pmt-nav, .pmt-header__cta { display: none; }
  .pmt-hamburger { display: flex; }

  .pmt-search-form {
    grid-template-columns: 1fr;
    border-radius: var(--pmt-radius-lg);
  }
  .pmt-search-form__field { border-right: none; border-bottom: 1px solid var(--pmt-border); }
  .pmt-search-form__field:last-of-type { border-bottom: none; }
  .pmt-search-form__submit { margin: var(--pmt-space-3); }

  .pmt-stats-grid           { grid-template-columns: repeat(2, 1fr); }
  .pmt-why-join-grid        { grid-template-columns: 1fr; }
  .pmt-timeline             { grid-template-columns: 1fr; }
  .pmt-timeline__connector  { display: none; }
  .pmt-timeline             { gap: var(--pmt-space-6); }
  .pmt-timeline__step       { flex-direction: row; text-align: left; gap: var(--pmt-space-4); }
  .pmt-timeline__content    { flex: 1; }
  .pmt-gallery-masonry      { column-count: 2; }
  .pmt-fast-response-grid   { grid-template-columns: 1fr; }
  .pmt-footer__main         { grid-template-columns: 1fr; }
  .pmt-footer__bottom       { flex-direction: column; gap: var(--pmt-space-4); text-align: center; }
  .pmt-jobs-grid--cards     { grid-template-columns: 1fr; }
  .pmt-form-grid            { grid-template-columns: 1fr; }
  .pmt-section              { padding-block: var(--pmt-space-12); }
  .pmt-hero__stats          { flex-wrap: wrap; gap: var(--pmt-space-4); }
  .pmt-apply-form-card      { padding: var(--pmt-space-8) var(--pmt-space-5); }
}

@media (max-width: 480px) {
  :root {
    --pmt-space-20: 3rem;
    --pmt-space-16: 2.5rem;
  }
  .pmt-gallery-masonry { column-count: 1; }
  .pmt-stats-grid { grid-template-columns: 1fr 1fr; }
  .pmt-search-results-meta { flex-direction: column; gap: var(--pmt-space-3); align-items: flex-start; }
  .pmt-hero__actions { flex-direction: column; align-items: flex-start; }
  .pmt-hero { min-height: auto; padding-block: var(--pmt-space-16); }
}

/* ── GALLERY BADGE OVERLAY ────────────────────────────────── */
.pmt-gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: var(--pmt-radius-md);
}

.pmt-gallery-badge {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #00C853, #1565C0);
  color: #ffffff;
  font-weight: 700;
  font-size: 0.85rem;
  padding: 8px 16px;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  z-index: 2;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
}

/* ── EMPLOYEE GROWTH JOURNEY FLOWCHART ──────────────────────── */
.pmt-growth-journey {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--pmt-space-6) 0;
}

.pmt-growth-flow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.pmt-growth-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 420px;
}

.pmt-growth-card {
  background: #ffffff;
  border: 1px solid var(--pmt-border);
  border-radius: var(--pmt-radius-lg);
  padding: var(--pmt-space-6);
  text-align: center;
  box-shadow: var(--pmt-shadow-md);
  position: relative;
  width: 100%;
  transition: all 0.3s ease;
}

.pmt-growth-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--pmt-shadow-lg);
}

.pmt-growth-badge {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.25rem;
  margin-bottom: var(--pmt-space-3);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.pmt-growth-step-num {
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pmt-muted);
  margin-bottom: 4px;
}

.pmt-growth-title {
  font-size: var(--pmt-text-lg);
  font-weight: 800;
  color: var(--pmt-dark-blue);
  margin-bottom: 4px;
}

.pmt-growth-subtitle {
  display: block;
  font-size: var(--pmt-text-xs);
  font-weight: 700;
  color: var(--pmt-blue);
  text-transform: uppercase;
  margin-bottom: var(--pmt-space-3);
}

.pmt-growth-desc {
  font-size: var(--pmt-text-sm);
  color: var(--pmt-text-secondary);
  line-height: 1.5;
  margin: 0;
}

.pmt-growth-arrow {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pmt-blue);
  font-size: 1.5rem;
  animation: bounceArrow 2s infinite;
}

@keyframes bounceArrow {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(6px); }
  60% { transform: translateY(3px); }
}

/* ── APPLICATION FORM STYLING ─────────────────────────────── */
.pmt-apply-form-section {
  padding: 60px 0;
  background-color: #F8FAFD;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.pmt-apply-form-card {
  max-width: 860px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(9, 27, 62, 0.08);
  padding: 48px;
  border: 1px solid #E5E7EB;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.pmt-apply-form-card h2,
.pmt-apply-form-card h3 {
  font-family: 'Outfit', 'Inter', sans-serif !important;
}

.pmt-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.pmt-form-grid--full {
  grid-column: 1 / -1;
}

.pmt-form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 4px;
}

.pmt-form-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  color: #1A1A2E;
  margin-bottom: 8px;
  display: block;
}

.pmt-form-label--required::after {
  content: " *";
  color: #EF4444;
  font-weight: bold;
}

.pmt-input,
.pmt-select,
.pmt-textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #D1D5DB;
  border-radius: 8px;
  font-size: 15px;
  font-family: 'Inter', sans-serif !important;
  background-color: #FFFFFF;
  color: #1F2937;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

.pmt-input:focus,
.pmt-select:focus,
.pmt-textarea:focus {
  border-color: #0170B9;
  box-shadow: 0 0 0 3px rgba(1, 112, 185, 0.15);
  outline: none;
}

.pmt-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%20%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 16px 16px;
  padding-right: 40px;
}

.pmt-textarea {
  resize: vertical;
  min-height: 120px;
}

.pmt-upload-area {
  border: 2px dashed #0170B9;
  border-radius: 12px;
  padding: 32px 24px;
  text-align: center;
  background-color: #F8FAFD;
  cursor: pointer;
  transition: all 0.2s ease;
}

.pmt-upload-area:hover,
.pmt-upload-area.dragover {
  background-color: #EEF3FB;
  border-color: #091b3e;
}

.pmt-upload-area__icon {
  font-size: 36px;
  color: #0170B9;
  margin-bottom: 12px;
}

.pmt-upload-area__text {
  font-size: 15px;
  color: #374151;
  font-family: 'Inter', sans-serif !important;
}

.pmt-form-error {
  color: #EF4444;
  font-size: 13px;
  margin-top: 6px;
  display: block;
  font-family: 'Inter', sans-serif !important;
}

@media (max-width: 768px) {
  .pmt-apply-form-card {
    padding: 24px 16px;
    border-radius: 12px;
  }
  .pmt-form-grid {
    grid-template-columns: 1fr;
  }
}
