html, body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    width: 100%;
    box-sizing: border-box;
}

.galaxy-header {
  background: radial-gradient(circle at 10% 20%, #491e82 0%, #21254a 100%), url('https://images.unsplash.com/photo-1462331942744-1540c6e879a5?auto=format&fit=crop&w=900&q=80') center/cover;
  padding: 30px 0 20px 0;
  box-shadow: 0 6px 22px rgba(76, 40, 130, 0.38);
  position: relative;
  z-index: 10;
}

.header-inner {
  text-align: center;
}

.header-title {
  color: #ffd6ff;
  font-size: 2.1rem;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
  font-family: 'Montserrat', sans-serif;
  text-shadow: 0 0 8px #8a2be2, 0 0 18px #6a28a6;
}

.header-nav {
  margin-top: 8px;
}

.header-nav a {
  color: #e1b2ff;
  background: rgba(34, 13, 53, 0.45);
  text-decoration: none;
  margin: 0 14px;
  padding: 5px 12px;
  border-radius: 4px;
  transition: background 0.2s, color 0.2s;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  box-shadow: 0 2px 12px rgba(72, 21, 126, 0.23);
}

.header-nav a:hover {
  background: #a469f8;
  color: #fffefe;
}