/* Midnight design: dark, sleek, teal glow */
:root {
  --bg: #0a0f11; --bg-alt: #0e1518; --surface: #111a1d; --contact-bg: radial-gradient(60% 80% at 50% 100%, rgba(94,201,190,.14), transparent 70%), #0a0f11;
  --nav-bg: rgba(10,15,17,.72);
  --text: #eef3f2; --muted: #9aaaa8; --line: rgba(255,255,255,.08); --line-strong: rgba(255,255,255,.18);
  --accent: #6fd6c6; --accent-hover: #8fe3d6; --accent-ink: #062320; --accent-soft: rgba(111,214,198,.12);
  --stat-color: #eef3f2;
  --font-sans: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Inter Tight", system-ui, sans-serif; --font-label: "Inter Tight", system-ui, sans-serif;
  --font-em: "Instrument Serif", Georgia, serif; --em-style: italic; --em-weight: 400;
  --display-weight: 600; --display-tracking: -0.035em;
  --eyebrow-tracking: .08em; --eyebrow-case: uppercase;
  --h1-max: 80px; --h2-max: 56px;
  --radius: 12px; --radius-lg: 22px; --pill: 999px;
  --shadow: 0 20px 50px -20px rgba(0,0,0,.6);
  --photo-filter: saturate(.9);
  color-scheme: dark;
}
.hero::before { content: ""; position: absolute; inset: -20% -10% auto auto; width: 70vw; height: 70vw; max-width: 900px; max-height: 900px; background: radial-gradient(closest-side, rgba(111,214,198,.16), transparent 70%); pointer-events: none; }
.hero::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(70% 60% at 30% 40%, #000, transparent 75%); -webkit-mask-image: radial-gradient(70% 60% at 30% 40%, #000, transparent 75%); pointer-events: none; }
.hero .wrap { position: relative; z-index: 1; }
.hero-photo::before { content: ""; position: absolute; inset: -1px; border-radius: calc(var(--radius-lg) + 1px); background: linear-gradient(160deg, rgba(111,214,198,.6), transparent 45%); z-index: -1; }
.hero-photo img { box-shadow: 0 40px 80px -30px rgba(0,0,0,.8); }
.gcard { background: var(--surface); }
.gcard:hover { background: #142023; }
.job-featured .job-body h3 { color: #fff; }
.logo { font-size: 20px; }
.orgs li { background: var(--surface); transition: background .2s; }
.orgs li:hover { background: #142023; }
.orgs li:first-child b { color: var(--accent); }