:root {
  --titan-focus: #82b8ff;
}

.titan-skip-link {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 10000;
  padding: 12px 16px;
  color: #fff;
  background: #145ca9;
  font: 700 14px/1.2 Inter, system-ui, sans-serif;
  transform: translateY(-150%);
  transition: transform .15s ease;
}

.titan-skip-link:focus {
  transform: translateY(0);
}

form button,
form input,
form textarea,
.titan-owner-access {
  min-height: 44px;
}

button[class*="tracking-widest"] {
  min-width: 44px;
  min-height: 44px;
}

footer a[aria-label] {
  min-width: 44px;
  min-height: 44px;
}

form button:focus-visible,
form input:focus-visible,
form textarea:focus-visible,
.titan-owner-access:focus-visible,
footer a:focus-visible {
  outline: 3px solid var(--titan-focus);
  outline-offset: 3px;
}

.titan-form-status,
.titan-privacy-note {
  margin-top: 12px;
  color: rgba(225, 237, 251, .78);
  font: 500 13px/1.5 Inter, system-ui, sans-serif;
}

.titan-form-status {
  padding: 14px 16px;
  border: 1px solid rgba(130, 184, 255, .28);
  border-radius: 10px;
  background: rgba(5, 14, 29, .88);
}

.titan-form-status strong,
.titan-form-status span {
  display: block;
}

.titan-form-status span {
  margin-top: 4px;
}

.titan-form-status.success {
  border-color: rgba(61, 210, 140, .5);
  background: rgba(10, 52, 39, .72);
}

.titan-form-status.error {
  border-color: rgba(248, 113, 113, .58);
  background: rgba(70, 18, 24, .72);
}

.titan-form-status a {
  color: #cbe3ff;
}

.titan-owner-access {
  display: flex;
  width: max-content;
  align-items: center;
  justify-content: center;
  margin: 24px auto 0;
  padding: 0 18px;
  border: 1px solid rgba(130, 184, 255, .34);
  border-radius: 999px;
  color: rgba(224, 238, 255, .8);
  background: rgba(7, 17, 32, .62);
  text-decoration: none;
  font: 700 12px/1 Inter, system-ui, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.titan-owner-access:hover {
  color: #fff;
  border-color: rgba(130, 184, 255, .72);
  background: rgba(32, 96, 180, .26);
}

@media (max-width: 440px) {
  .titan-owner-access {
    margin-bottom: 72px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .titan-skip-link {
    transition: none;
  }
}