/* main layout */
.error-main {
  flex: 1;
  display: flex;
  align-items: center;
  padding: clamp(48px, 8vw, 80px) 16px;
}

.error-container {
  padding: clamp(48px,8vw,72px) 0;
}

/* number */
.error-code {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(56px, 8vw, 72px);
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--accent);
  margin: 0 0 8px;
}

/* title */
.error-title {
  font-size: clamp(22px, 3vw, 26px);
  margin: 0 0 16px;
}

/* message */
.error-message {
  color: var(--muted);
  line-height: 1.8;
  margin-bottom: 32px;
}

/* actions */
.error-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* button */
.btn{
  display:inline-block;
  padding:10px 16px;
  border-radius:8px;
  border:1px solid var(--accent);
  font-size:14px;
}
.btn-primary{
  background:var(--accent);
  color:#fff;
}