:root {
  --ak-blue: #0161E8;
  --ak-blue-mid: #012f78;
  --ak-blue-deep: #01153a;
  --ak-cyan: #00F1FF;
  --ak-pink: #FF019A;
  --ak-purple: #9B00E8;
  --ak-ink: #00F1FF;
  --ak-ink-muted: rgba(0, 241, 255, 0.7);
  --ak-ink-dark: #001a3d;
  --ak-panel: rgba(1, 97, 232, 0.2);
  --ak-panel-strong: rgba(255, 1, 154, 0.22);
  --ak-border: rgba(0, 241, 255, 0.5);
  --ak-shadow: rgba(0, 0, 0, 0.35);
}

.home-button {
  position: fixed;
  top: 18px;
  left: 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--ak-cyan);
  color: var(--ak-cyan);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  background: rgba(1, 97, 232, 0.35);
  box-shadow: 0 10px 25px var(--ak-shadow);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  z-index: 999;
}

.home-button:hover {
  transform: translateY(-2px);
  background: rgba(255, 1, 154, 0.2);
  box-shadow: 0 14px 28px var(--ak-shadow);
}

.home-button:focus-visible {
  outline: 2px solid var(--ak-pink);
  outline-offset: 2px;
}