@font-face {
  font-family: Inter;
  src: url("inter-20261008.ttf?v=20261008") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --navy: #10274f;
  --gold: #e8bd72;
  --white: #f6f8fc;
  --muted: #c3cede;
  --space: clamp(32px, 5.5vw, 88px);
}

* { box-sizing: border-box; }
html {
  min-height: 100%;
  background-color: #0d244d;
  background-image: url("pdf-background-20261008.webp?v=20261008-bg2");
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
body {
  margin: 0;
  min-height: 100svh;
  padding: 36px var(--space) 20px;
  display: flex;
  flex-direction: column;
  color: var(--white);
  font-family: Inter, Arial, sans-serif;
}
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
::selection { background: var(--gold); color: var(--navy); }
header, footer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.brand { display: flex; align-items: center; width: clamp(230px, 26vw, 375px); min-height: 48px; }
.brand img { display: block; width: 100%; height: auto; }
.header-mail { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; color: var(--gold); }
.header-mail:hover { color: var(--white); }
main {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  padding: 48px 0;
}
.message { position: relative; width: 76%; max-width: 960px; }
h1 {
  margin: 0;
  font-size: clamp(42px, 4.8vw, 72px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.045em;
}
h1 .line { display: block; }
h1 .accent { color: var(--gold); }
.description {
  max-width: 490px;
  margin: 28px 0 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--muted);
}
.contact { margin-top: 38px; }
.contact p { margin: 0 0 12px; font-size: 14px; line-height: 1.5; color: var(--muted); }
.email {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
  min-height: 60px;
  padding: 14px 22px;
  background: var(--gold);
  color: var(--navy);
  font-size: 23px;
  font-weight: 700;
  line-height: 1.3;
}
.email svg { width: 24px; height: 24px; flex: none; }
.email:hover { background: #f3ce8b; }
footer { min-height: 45px; color: var(--muted); font-size: 12px; }
.footer-brand { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; }
.footer-brand img { display: block; width: 105px; height: auto; }
.domain { letter-spacing: .02em; }

@media (max-width: 1000px) and (min-width: 701px) {
  .message { width: 88%; }
}

@media (max-width: 700px) {
  body { --space: 24px; padding: 20px var(--space) 12px; }
  .brand { width: 165px; min-height: 44px; }
  .header-mail { font-size: 11px; }
  main { padding: 32px 0; }
  .message { width: 100%; }
  h1 { font-size: clamp(27px, 8.1vw, 48px); line-height: 1.18; letter-spacing: -.04em; }
  .description { max-width: 370px; margin-top: 24px; font-size: 15px; line-height: 1.6; }
  .contact { margin-top: 28px; }
  .contact p { font-size: 13px; margin-bottom: 10px; }
  .email { font-size: 21px; min-height: 56px; padding: 13px 18px; gap: 32px; }
  footer { font-size: 11px; }
  .footer-brand img { width: 90px; }
}

@media (max-width: 350px) {
  body { --space: 18px; padding-top: 14px; }
  .brand { width: 145px; }
  .header-mail { font-size: 10px; }
  h1 { font-size: 27px; }
  .email { font-size: 19px; gap: 28px; }
}

@media (max-height: 700px) and (max-width: 700px) {
  main { padding: 24px 0; }
  .description { margin-top: 20px; }
  .contact { margin-top: 22px; }
}