/* 404 + small launch utilities */

.volta-404 {
  min-height: 58vh;
  display: flex;
  align-items: center;
  background:
    radial-gradient(ellipse 80% 60% at 20% 20%, rgba(201, 169, 98, 0.14), transparent 55%),
    linear-gradient(160deg, #0B1D3A 0%, #132a4f 45%, #0B1D3A 100%);
  color: #f5f3ee;
  padding: clamp(48px, 10vw, 96px) 0;
}

.volta-404__inner {
  max-width: 640px;
}

.volta-404__eyebrow {
  margin: 0 0 8px;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #C9A962;
  font-weight: 600;
}

.volta-404__title {
  margin: 0 0 12px;
  font-size: clamp(40px, 8vw, 64px);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #C9A962;
}

.volta-404__text {
  margin: 0 0 28px;
  font-size: 17px;
  line-height: 1.55;
  color: rgba(245, 243, 238, 0.82);
  max-width: 36ch;
}

.volta-404__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.volta-404 .btn--ghost {
  background: transparent;
  color: #f5f3ee;
  border: 1px solid rgba(201, 169, 98, 0.55);
}

.volta-404 .btn--ghost:hover {
  border-color: #C9A962;
  color: #C9A962;
}

@media (max-width: 767px) {
  .volta-404__actions { width: 100%; }
  .volta-404__actions .btn { width: 100%; justify-content: center; text-align: center; }
}