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

      body {
        font-family: "Fira Code", Consolas, Monaco, "Segoe UI", Arial,
          sans-serif;
        margin: 20px;
        line-height: 1.6;
        background-color: #0f1117;
        color: #e4e6eb;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
      }

      header {
        text-align: center;
        margin-bottom: 30px;
      }

      h1 {
        font-size: 2.4rem;
        color: #f8f9fa;
      }

      h3 {
        font-size: 1.3rem;
        margin-bottom: 10px;
        border-left: 4px solid #3b82f6;
        padding-left: 8px;
        color: #f1f5f9;
      }

      main {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
        align-items: start;
      }

      section {
        background: #1a1c23;
        padding: 16px;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        height: auto;
      }

      /* section:hover {
        transform: translateY(-3px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.7);
      } */

      ul {
        list-style-type: none;
        padding-left: 10px;
      }

      li {
        margin: 8px 0;
        position: relative;
        padding-left: 22px;
      }

      li::before {
        content: "ⵌ";
        position: absolute;
        left: 0;
        color: #446fa5;
      }

      a {
        color: #60a5fa;
        text-decoration: none;
        font-weight: 500;
        transition: color 0.3s ease, padding-left 0.3s ease;
      }

      a:hover {
        color: #93c5fd;
        padding-left: 4px;
      }

      footer {
        text-align: center;
        margin-top: 40px;
        font-size: 0.9rem;
        color: #9ca3af;
      }

      footer strong {
        color: #60a5fa;
      }

      /* Responsive */
      @media (max-width: 600px) {
        body {
          margin: 10px;
          font-size: 0.95rem;
        }
        h1 {
          font-size: 1.8rem;
        }
      }