/* === 1. Section Backgrounds for Cyberlab === */
  .bg-1 {
    background: #347092; 
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  .bg-2 {
    background: #482860;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  /* === 2. Theme Colors (Red/Blue/Black) === */
  body {
    background-color: #0a0f1a; /* Dark background for Cyberlab */
    color: #f2f2f2; /* Light text for contrast */
  }
  
  main a {
    color: #39FF14; /* Inherit text color from parent */
    transition: color 0.3s ease; /* Smooth transition for links */
  }
  
  a:hover {
    color: #ff4d4d; /* Lighter red on hover */
  }
  
  main {
    text-align: left;
  }

  main h1 {
    text-align: center;
    color: #39FF14; /* Neon Green */
  }

  main h2 {
    text-align: center;
    color: #00FFFF; /* Electric Blue */
  }

  main h3 {
    text-align: center;
    color: beige;
  }

  main h4 {
    text-align: center;
    color: #FD3DB5; /* Neon Yellow #FFD700 */
  }

  .cert-card {
    text-align: center;
  }

  main li{
    list-style: inside;
  }

  main strong {
    color: gold;
  }