.com-virtualairline.va-pilots,
.va-pilots {
  --vp-bg: var(--va-bg, #08111f);
  --vp-surface: var(--va-surface, rgba(15,25,45,.68));
  --vp-surface-2: var(--va-surface-alt, rgba(21,35,58,.82));
  --vp-border: var(--va-border, rgba(255,255,255,.08));
  --vp-text: var(--va-text, #eef4fb);
  --vp-muted: var(--va-text-muted, #9fb0c3);
  --vp-primary: var(--va-primary, #2fb486);
  --vp-primary-dark: var(--va-primary-dark, #218763);
  --vp-accent: var(--va-accent, #69aee6);
  --vp-radius-lg: var(--va-radius-lg, 22px);
  --vp-radius-md: var(--va-radius-md, 16px);
  --vp-gap: var(--va-grid-gap, 24px);
  color: var(--vp-text);
  display: grid;
  gap: var(--vp-gap);
}
.va-pilots * { box-sizing: border-box; }
.va-pilots a { color: inherit; text-decoration: none; }

.va-pilots-hero,
.va-pilot-filters,
.va-pilot-card,
.va-empty-pilots {
  border: 1px solid var(--vp-border);
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--vp-primary) 20%, transparent), transparent 34%),
    radial-gradient(circle at 82% 4%, color-mix(in srgb, var(--vp-accent) 14%, transparent), transparent 32%),
    linear-gradient(180deg, rgba(13,25,46,.82), rgba(7,15,29,.94));
  box-shadow: var(--va-shadow-lg, 0 28px 70px rgba(0,0,0,.38));
}

.va-pilots-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: end;
  min-height: 360px;
  padding: clamp(28px, 4vw, 54px);
  border-radius: var(--vp-radius-lg);
  overflow: hidden;
}
.va-pilots-hero::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(90deg, rgba(8,17,31,.22), transparent 58%);
}
.va-pilots-hero__glow { position:absolute; inset:0; pointer-events:none; opacity:.9; }
.va-pilots-hero > * { position:relative; z-index:1; }
.va-pilots-hero__content { display:grid; gap:16px; max-width:820px; }
.va-pill-kicker {
  width: fit-content;
  padding: 11px 18px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--vp-primary) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--vp-primary) 32%, transparent);
  color: var(--vp-primary);
}
.va-pilots-hero h1 { margin:0; font-size:clamp(2.5rem,5vw,5rem); line-height:.94; letter-spacing:-.06em; font-weight:950; }
.va-pilots-hero p { margin:0; max-width:66ch; color:color-mix(in srgb, var(--vp-text) 78%, transparent); font-size:clamp(1rem,1.3vw,1.18rem); line-height:1.65; }
.va-pilots-spotlight {
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
}
.va-spotlight-card {
  display:flex;
  align-items:center;
  gap:14px;
  min-height:86px;
  padding:16px;
  border-radius:var(--vp-radius-md);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(8,17,31,.52);
  backdrop-filter:blur(14px);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.va-spotlight-card:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--vp-primary) 38%,var(--vp-border)); background:rgba(13,28,52,.72); }
.va-spotlight-card strong,.va-spotlight-card small { display:block; }
.va-spotlight-card small { margin-top:3px; color:var(--vp-muted); font-weight:720; }

.va-pilot-filters {
  display:grid;
  grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(170px,1fr)) auto;
  gap:14px;
  align-items:end;
  padding:18px;
  border-radius:var(--vp-radius-lg);
}
.va-pilot-filters .va-field { display:grid; gap:8px; }
.va-pilot-filters .va-label { color:var(--vp-muted); font-size:.8rem; font-weight:850; }
.va-pilot-filters .va-input,
.va-pilot-filters .va-select {
  min-height:54px;
  border-radius:var(--vp-radius-md);
  border:1px solid rgba(255,255,255,.09);
  background:rgba(8,17,31,.70);
  color:var(--vp-text);
  padding-inline:16px;
}
.va-pilot-filters__actions { display:flex; gap:10px; align-items:center; justify-content:flex-end; }

.va-pilot-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--vp-gap);
}
.va-pilot-card {
  position:relative;
  display:grid;
  gap:16px;
  min-height:260px;
  padding:20px;
  border-radius:var(--vp-radius-md);
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.va-pilot-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--vp-primary) 38%,var(--vp-border)); box-shadow:var(--va-shadow-lg); }
.va-pilot-card.is-active { border-color:color-mix(in srgb,var(--va-success,#2fb486) 34%,var(--vp-border)); }
.va-pilot-card__top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.va-pilot-card__main { display:grid; gap:5px; }
.va-pilot-card__main h2 { margin:0; font-size:clamp(1.25rem,2.2vw,1.6rem); }
.va-pilot-card__main p { margin:0; }
.va-avatar {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:62px; height:62px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,var(--vp-primary),var(--vp-primary-dark));
  border:1px solid color-mix(in srgb,#fff 14%,transparent);
  box-shadow:0 16px 36px color-mix(in srgb,var(--vp-primary) 18%,transparent);
  font-weight:900;
  font-size:1rem;
  letter-spacing:.04em;
  flex:0 0 auto;
}
.va-avatar--small { width:46px; height:46px; border-radius:999px; font-size:.8rem; }
.va-live-dot { width:10px; height:10px; border-radius:50%; background:color-mix(in srgb,var(--vp-muted) 42%,transparent); box-shadow:0 0 0 6px color-mix(in srgb,var(--vp-muted) 10%,transparent); }
.va-avatar .va-live-dot { position:absolute; right:2px; bottom:2px; }
.va-live-dot.is-live { background:var(--va-success,#2fb486); box-shadow:0 0 0 6px color-mix(in srgb,var(--va-success,#2fb486) 12%,transparent),0 0 24px color-mix(in srgb,var(--va-success,#2fb486) 44%,transparent); animation:vaPilotPulse 1.9s ease-in-out infinite; }
@keyframes vaPilotPulse { 0%,100%{transform:scale(1);opacity:.82} 50%{transform:scale(1.18);opacity:1} }
.va-pilot-card__stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.va-pilot-card__stats span { display:grid; gap:6px; padding:14px; border-radius:14px; background:rgba(255,255,255,.035); border:1px solid var(--vp-border); }
.va-pilot-card__stats strong { font-size:1.35rem; line-height:1; }
.va-pilot-card__stats small,.va-pilot-card__footer { color:var(--vp-muted); font-weight:750; }
.va-pilot-card__footer { display:flex; justify-content:space-between; gap:12px; font-size:.84rem; margin-top:auto; }
.va-empty-pilots { text-align:center; display:grid; gap:12px; padding:clamp(34px,6vw,72px); border-radius:var(--vp-radius-lg); }

@media (max-width: 1280px) { .va-pilot-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width: 1120px) {
  .va-pilots-hero,.va-pilot-filters { grid-template-columns:1fr; }
  .va-pilot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .va-pilot-filters__actions { justify-content:flex-start; flex-wrap:wrap; }
}
@media (max-width:760px) {\n  .va-pilots-spotlight,.va-pilot-grid { grid-template-columns:1fr; }
  .va-pilot-card__footer { display:grid; }
}

/* v0.10.9 layout reset: component must not fight the template container */
.va-pilots,
.va-pilots-page,
.va-pilots-hero,
.va-pilot-filters,
.va-pilot-grid,
.va-empty-pilots {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}