.start-card,
.direction-card {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 28px;
  border-radius: 32px;
  background: linear-gradient(135deg, rgba(28, 30, 33, 0.98), rgba(12, 14, 18, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-align: center;
}

.start-card:focus,
.direction-card:focus {
  transform: scale(0.99);
}

.app-symbol {
  width: 132px;
  height: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(53, 214, 255, 0.12);
  color: var(--accent-strong);
  font-size: 82px;
  line-height: 1;
}

.start-card h1 {
  font-size: 44px;
}

.start-card p {
  color: var(--text-muted);
  font-size: 18px;
  font-weight: 800;
}

.direction-name {
  max-width: 100%;
  color: var(--text-primary);
  font-size: 148px;
  line-height: 1;
  font-weight: 950;
}

.direction-name.pending {
  color: var(--text-muted);
  font-size: 64px;
}

.direction-name.error {
  color: var(--danger);
  font-size: 48px;
}