@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacemono/v17/i7dPIFZifjKcF5UAWdDRYEF8RXi4EwQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacemono/v17/i7dMIFZifjKcF5UAWdDRaPpZUFWaHi6WZ3Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: #0a0a0f;
  color: #e0e0e0;
  font-family: 'Space Mono', monospace;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

header {
  text-align: center;
  padding: 40px 20px 10px;
}

header h1 {
  font-size: 2rem;
  letter-spacing: 0.5em;
  background: linear-gradient(135deg, #b066ff, #66ffff, #ff66a4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 4px;
}
header h1 a { color: inherit; text-decoration: none; }

nav {
  padding: 10px 20px 20px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  justify-content: center;
}
nav a {
  color: #555;
  text-decoration: none;
  font-size: 0.75rem;
  letter-spacing: 0.15em;
}
nav a:hover { color: #b066ff; }
nav .current {
  color: #888;
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  cursor: default;
}

footer {
  padding: 40px 20px;
  text-align: center;
  font-size: 0.7rem;
  color: #333;
  letter-spacing: 0.1em;
}
footer a { color: #555; text-decoration: none; }
footer a:hover { color: #b066ff; }