/* ================= SECTIONS ================= */
    section {
      position: relative;
      z-index: 2;
      padding: 4rem 2rem;
      max-width: 1000px;
      margin: 3rem auto;
      background: rgba(248,248,255,0.95);
      border-radius: 20px;
      box-shadow: 0 8px 25px rgba(0,0,0,0.1);
      text-align: center;
      transition: transform 0.4s ease;
    }
    section:hover {
      transform: translateY(-5px);
    }
    section h2 {
      font-size: 2rem;
      font-weight: bold;
      color: #0056b3;
      margin-bottom: 1.5rem;
    }
    section p {
      font-size: 1.1rem;
      color: #333;
      line-height: 1.7;
    }
    section strong { color: #ff914d; }




    /* ================= RESPONSIVE ================= */
    @media (max-width: 768px) {
      section { padding: 2rem 1.5rem; }
      section h1 { font-size: 2rem; }
      section h2 { font-size: 1.8rem; }
    }