:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #f8fafc;
  color: #172033;
}

* { box-sizing: border-box; }

body { margin: 0; }

.page-shell { width: min(100% - 2rem, 960px); margin: 0 auto; padding: clamp(3rem, 8vw, 6.5rem) 0; }

.intro { max-width: 680px; margin-bottom: 3rem; }

.eyebrow { margin: 0 0 0.9rem; color: #8f1d2c; font-size: 0.88rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }

h1, h2, h3 { color: #182235; }
h1 { margin: 0; font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.08; }
h2 { margin: 0 0 1rem; font-size: 1.15rem; }
h3 { margin: 0 0 0.55rem; font-size: 1.25rem; }

.lead, .application-card p { color: #536174; line-height: 1.6; }
.lead { margin: 1rem 0 0; font-size: 1.1rem; }
.application-card p { margin: 0; }

.application-card { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.75rem; border: 1px solid #d8dee8; border-radius: 0.85rem; background: #fff; box-shadow: 0 1px 3px rgb(15 23 42 / 0.08); }

.button { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-height: 2.75rem; padding: 0.65rem 1rem; border-radius: 0.45rem; background: #a91d35; color: #fff; font-weight: 700; text-decoration: none; }
.button:hover { background: #88172b; }
.button:focus-visible { outline: 3px solid #172033; outline-offset: 3px; }

@media (max-width: 620px) { .application-card { align-items: flex-start; flex-direction: column; gap: 1.25rem; } }