/* Base reset and accessibility */
@font-face {
  font-family: "Gotham";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Gotham"), url("/assets/fonts/Gotham-Book.woff2") format("woff2");
}
@font-face {
  font-family: "Gotham";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Gotham Medium"), url("/assets/fonts/Gotham-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Gotham";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Gotham Bold"), url("/assets/fonts/Gotham-Bold.woff2") format("woff2");
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; font-family: "Gotham", Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #000; color: #fff; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 1px, 1px); white-space: nowrap; border: 0; }

/* Layout */
.page { min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 32px; padding: 24px; }

.logo-wrapper { width: 100%; display: grid; place-items: center; }
.logo { display: block; width: 100%; height: auto; max-width: 960px; }

/* Contacts */
.contacts { display: grid; gap: 12px; text-align: center; }
.contact-link { color: #fff; text-decoration: none; font-weight: 500; letter-spacing: 0.02em; }
.contact-link:hover, .contact-link:focus { text-decoration: underline; outline: none; }

/* Responsive tweaks */
@media (min-width: 640px) {
  .page { gap: 40px; padding: 40px; }
}
@media (min-width: 1024px) {
  .logo { max-width: 1120px; }
}