* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid #38c9ff;
  outline-offset: 3px;
}
.logo {
  left: 50% !important;
  transform: translateX(-50%);
  width: auto !important;
  height: auto !important;
  max-height: 60px;
  max-width: calc(100vw - 190px);
  object-fit: contain;
}
.social-buttons {
  flex-direction: row !important;
}
.social-buttons a { display: inline-flex; }
.content {
  width: min(1100px, calc(100% - 40px)) !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.menu { overflow-y: auto; }
.menu a[aria-current="page"] { background: #292929; border-left: 4px solid #38c9ff; }
img { max-width: 100%; }
input, textarea, select { box-sizing: border-box; }
footer img { width: auto; object-fit: contain; }
@media (max-width: 768px) {
  .logo {
    left: 50% !important;
    transform: translateX(-50%);
    max-height: 50px;
    max-width: calc(100vw - 145px);
  }
  .social-buttons { right: 12px !important; top: 16px !important; }
  .social-buttons img { width: 40px !important; }
  .content { width: min(100% - 28px, 1100px) !important; padding-top: 120px !important; }
  .form-box { padding: 22px 16px !important; }
  .form-left, .form-right { min-width: 0 !important; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}