* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(160deg, #0b1f3a 0%, #12345d 100%);
  color: #f4f7fb;
  font-family: Georgia, "Times New Roman", serif;
  text-align: center;
  padding: 2rem;
}
main { margin: auto; max-width: 640px; }
.eyebrow { font-family: Arial, sans-serif; letter-spacing: .25em; text-transform: uppercase; font-size: .8rem; color: #9fb7d6; margin-bottom: 1.5rem; }
h1 { font-size: clamp(2.4rem, 8vw, 4.2rem); font-weight: 700; }
.rule { width: 72px; height: 3px; background: #e0b34a; margin: 1.5rem auto; }
h2 { font-size: clamp(1.4rem, 4vw, 2rem); font-weight: 400; letter-spacing: .15em; text-transform: uppercase; color: #e0b34a; }
.lead { font-family: Arial, sans-serif; margin: 1.5rem 0 2rem; line-height: 1.6; color: #d3deee; }
.mail { display: inline-block; font-family: Arial, sans-serif; color: #0b1f3a; background: #e0b34a; padding: .85rem 1.6rem; border-radius: 4px; text-decoration: none; font-weight: 600; }
.mail:hover { background: #f0c866; }
footer { font-family: Arial, sans-serif; font-size: .8rem; color: #8aa0c0; }