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

    body {
      background-color: #60005e;
      color: #ffffff;
      font-family: "Courier New", monospace;
    }

    /* ---- HEADER / NAVBAR ---- */
    header {
      position: sticky;       /* stays at top when scrolling */
      top: 0;
      width: 100%;
      background-color: #0c0130;
      border-bottom: 1px solid #2a2a2a;
      padding: 16px 40px;
      display: flex;           /* puts logo & links side by side */
      justify-content: space-between;  /* logo left, links right */
      align-items: center;
      z-index: 1000;
    }

    /* ---- LOGO ---- */
    .logo {
      font-size: 1.4rem;
      font-weight: 700;
      color: #ffffff;
      text-decoration: none;
      letter-spacing: 1px;
    }

    /* ---- NAV LINKS ---- */
    nav {
      display: flex;
      gap: 32px;           /* space between links */
    }

    nav a {
      color: #ffffff;
      text-decoration: none;
      font-size: 0.95rem;
      transition: color 0.2s;
    }

    nav a:hover {
      color: #ffffff;      /* link turns white on hover */
    }