body {
      border-top: 4px solid #ffffff; /* Adds a clean, solid white top border */
      background-image: linear-gradient(rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.95));
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      color: #f8fafc; /* Crisp light text */
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }

    /* Premium Modern Card Styling */
    .collectible-card {
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 16px;
      backdrop-filter: blur(8px);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .collectible-card:hover {
      transform: translateY(-6px);
      background: rgba(255, 255, 255, 0.06);
      border-color: rgba(255, 255, 255, 0.2);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
    }

    /* Card Image Presentation Container */
    .card-img-container {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      background: rgba(0, 0, 0, 0.2);
      padding: 10px;
    }

    .card-img-container img {
      transition: transform 0.5s ease;
      object-fit: contain;
      max-height: 240px;
      width: auto;
    }

    .collectible-card:hover .card-img-container img {
      transform: scale(1.03) rotate(1deg);
    }

    /* Subtle custom badge styling without the hash symbol */
    .card-number-tag {
      font-size: 0.75rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      background: rgba(255, 255, 255, 0.1);
      color: #cbd5e1;
      padding: 4px 10px;
      border-radius: 20px;
      font-weight: 600;
    }

    /* Custom styles for link styling overrides */
    .card-link {
      text-decoration: none;
      color: inherit;
    }

/* Custom styles for your upgraded navbar */
.navbar {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(15, 23, 42, 0.6) !important;
  backdrop-filter: blur(12px);
}

.navbar .nav-link {
  color: #cbd5e1 !important; /* Elegant subtle gray/white */
  transition: color 0.2s ease, transform 0.2s ease;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: #ffffff !important; /* Pure white on hover/active */
  transform: translateY(-1px);
}