/* ==========================================================================
   Header: main-header
   HTML: index.html:53
   ========================================================================== */

.main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px var(--spacing-safe-x);
  z-index: 10;
}

.logo {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 900;
  font-size: 20px;
  color: var(--color-pure-white);
  letter-spacing: -0.05em;
  display: flex;
  align-items: center;
  min-width: 200px; /* Evita layout shift */
}

.logo-cursor {
  display: inline-block;
  margin-left: 2px;
  color: var(--color-vibrant-coral);
  animation: logoBlink 0.8s step-end infinite;
}

@keyframes logoBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}